مقدمه
HTML چیست؟
HTML زبان نشانه‌گذاری استاندارد برای تولید صفحات وب است.[۱]
- HTML (سرواژهٔ: Hyper Text Markup Language) به معنای زبان نشانه‌گذاری فرامتن است.
- HTML ساختار یک صفحه وب را توصیف می‌کند
- HTML شامل مجموعه‌ای از عنصر هاست
- عناصر HTML به مرورگر می‌گویند محتوا را چگونه نمایش دهد
- عناصر HTML توسط تگ‌ها نمایش داده می‌شوند
- تگ‌های HTML تکه‌های محتوا را برچسب گذاری می‌کنند مانند “heading” ،“paragraph” ،“table” و غیره...
- مرورگرها تگ‌های HTML را نمایش نمی‌دهند، اما از آنها برای ترجمهٔ محتوای صفحه استفاده می‌کنند
یک سند ساده HTML
مثال
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>Page Title</title>
5 </head>
6 <body>
7
8 <h1>My First Heading</h1>
9 <p>My first paragraph.</p>
10
11 </body>
12 </html>
توضیح مثال
- اعلان
<!DOCTYPE html>تعریف می‌کند این سند از نوع HTML5 است
- عنصر
<html>عنصر ریشه ی یک صفحه HTML است
- عنصر
<head>دارای فرا اطلاعاتی در مورد سند است
- عنصر
<title>نام سند مشخص می‌کند
- عنصر
<body>شامل محتوای قابل نمایش صفحه است
- عنصر
<h1>یک عنوان بزرگ را تعریف می‌کند
- عنصر
<p>نشان دهنده ی یک پاراگراف است
تگ های HTML
تگ‌های HTML نام عنصرها است که داخل علامت‌های بزرگتر و کوچکتر < > قرار گرفته‌اند:
<tagname>content goes here...</tagname>
<نام تگ/> محتوا در اینجا قرار می‌گیرد … <نام تگ>
- تگ‌های HTML معمولاً بصورت جفت هستند مانند
<p>و</p> - اولین تگ، تگ شروع و تگ دوم تگ پایانی است
- تگ شروع مانند تگ پایانی است اما قبل از نام تگ یک کاراکتر ممیز (به انگلیسی: Forward Slash) قرار می‌گیرد
مرورگرهای وب
هدف یک مرورگر وب (Chrome, Edge, Firefox, Safari) خواندن سندهای HTML و نمایش آن‌هاست.
مرورگر تگ‌های HTML را نمایش نمی‌دهد، اما از آنها برای تشخیص نحوهٔ نمایش سند استفاده می‌کند:
ساختار صفحه HTML
در ادامه ساختار یک صفحه HTML قابل مشاهده است:
ساخت نمونه مثال این بخش در دست اقدام است.
اعلان <!DOCTYPE>
اعلان <!DOCTYPE> نوع سند را نشان می‌دهد و برای نمایش صحیح محتوا به مرورگر کمک می‌کند.
این اعلان باید فقط یکبار در بالای صفحه ظاهر شود (قبل از همهٔ تگ‌های HTML).
اعلان <!DOCTYPE> حساس به بزرگی و کوچکی حروف (به انگلیسی: case sensitive) نیست.
اعلان <!DOCTYPE>برای HTML5 اینگونه است:
<!DOCTYPE html>
تاریخچه HTML
از همان اوایل وب، نسخه‌های زیادی از HTML وجود داشته‌است:
| سال | نسخه |
|---|---|
| ۱۹۸۹ | تیم برنرز-لی www را اختراع کرد |
| ۱۹۹۱ | تیم برنرز-لی HTML را اختراع کرد |
| ۱۹۹۳ | دیو رگت HTML+ را طراحی کرد |
| ۱۹۹۵ | گروه کاری HTML, HTML 2.0 را تعریف کرد |
| ۱۹۹۷ | پیشنهاد W3C: برای HTML 3.2 |
| ۱۹۹۹ | پیشنهاد W3C: برای HTML 4.01 |
| ۲۰۰۰ | پیشنهاد W3C: برای HTML 1.0 |
| ۲۰۰۸ | اولین طرح عمومی WHATWG HTML5 |
| ۲۰۱۲ | استاندارد زنده WHATWG HTML5 |
| ۲۰۱۴ | پیشنهاد W3C: برای HTML5 |
| ۲۰۱۶ | پیشنهاد کاندید W3C: برای HTML 5.1 |
| ۲۰۱۷ | پیشنهاد W3C: برای ویرایش دوم HTML 5.1 |
| ۲۰۱۷ | پیشنهاد W3C: برای HTML 5.2 |
منابع آموزشی