HTML چیست؟!
HTML زبان نشانه‌گذاری استاندارد برای ایجاد صفحات وب است.
- HTML، مخفف عبارت «Hyper Text Markup Language» به معنی «زبان نشانه گذاری فوق متن» می‌باشد.
- HTML، ساختار صفحات وب را با استفاده از نشانه‌گذاری (markup) توصیف می‌کند.
- عناصر (element: المنت: عنصر) HTML، بلوک‌ها یا قطعه‌های سازنده‌ی صفحات HTML هستند.
- عناصر HTML، توسط برچسب‌ها (Tag: تگ: برچسب) نوشته و بیان می‌شوند.
- تگ‌های HTML، بخش‌هایی از محتوا را مانند “heading (سرصفحه)”، “paragraph (پراگراف)”، “table (جدول)” و … برچسب‌گذاری می‌کند.
- مرورگرها، تگ‌های HTML را نمایش نمی‌دهند، اما از آنها برای رندر کردن محتوای صفحه استفاده می‌کنند.
یک سند HTML ساده
مثال:
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> |
شرح مثال:
- <!DOCTYPE html>: مشخص می‌کند که این یک سند HTML است.
- المنت <html>: عنصر ریشه‌ای یک صفحه HTML است.
- المنت <head>: شامل اطلاعات متا درباره‌ی سند است. اطلاعاتی درباره‌ی برخی موارد صفحه از جمله غنوان صفحه، کلمات کلیدی، آیکون، توضیح مختصر و …
- المنت <title>: یک عنوان برای سند مشخص می‌کند. این عنوان در بخش تب مرورگر قابل مشاهده است.
- المنت <body>: شامل محتوای قابل نمایش در صفحه است.
- المنت <h1>: یک سرتیتر خیلی بزرگ در صفحه تعریف می‌کند.
- المنت <p>: یک پراگراف تعریف می‌کند.
تگ‌های HTML
تگ‌های HTML، نام عناصر محصور شده بین دو علامت کوچکتر و بزرگتر هستند:
- تگ‌های HTML، در حالت عادی به صورت جفت نوشته می‌شوند. مانند <p> و </p>
- اولین تگ در یک جفت، تگ شروع (start tag) و دومین تگ نیز تگ پایانی (end tag) می‌باشد.
- تگ پایانی همانند تگ شروع نوشته می‌شود، با این تفاوت که یک فوروارد اسلش قبل از نام تگ اضافه می‌شود.
مرورگرهای وب
هدف یک مرورگر وب (کروم، اینترنت اکسپلورر، فایرفاکس، سافاری)، خواندن مستندات HTML و نمایش آنها می‌باشد.
مرورگر، تگ‌های HTML را نمایش نمی‌دهد؛ اما از آنها استفاده می‌کند تا مشخص کند که سند چگونه نمایش داده شود:
ساختار صفحه HTML
در زیر، یک ساختار مصور شده‌ی یک صفحه‌ی HTML را مشاهده می‌کنید:
<html>
<head>
</head>
<body>
</body>
</html>
تعریف <!DOCTYPE>
تعریف <!DOCTYPE>، نشانگر نوع سند است؛ و به مرورگرها کمک می‌کند تا صفحات وب را به درستی نمایش دهند.
که بایستی فقط یک بار و در بالای صفحه نوشته شود (قبل از هرگونه تگ HTML ای)
همچنین تعریف <!DOCTYPE> به صورت case sensitive نیست. (یعنی به حروف بزرگ و کوچک خساس نمی‌باشد)
تعریف <!DOCTYPE> برای HTML5 به صورت زیر است:
|
1 |
<!DOCTYPE html> |
نسخه‌های HTML
از اولین روزهای وب تا به امروز، نسخه‌های بسیاری از HTML وجود دارند:
| نسخه | ساب انتشار |
|---|---|
| HTML | 1991 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML | 2000 |
| HTML5 | 2014 |
کانال تلگرام فول کده
نظرات ثبت شده بدون دیدگاه