معرفی HTML

مقدمه‌ای بر HTML

HTML، مخفف Hyper Text Markup Language، یک زبان نشانه‌گذاری استاندارد است، که برای ایجاد ساختار صفحات وب استفاده می‌شود. با کمک HTML، مرورگرها می‌ فهمند که هر بخش از محتوای یک صفحه وب، چطور باید به کاربران نشان داده شود.

HTML چیست؟

HTML به‌عنوان زبان اصلی طراحی و ساخت صفحات وب شناخته می‌شود و شامل مجموعه‌ای از عناصر  و المان (Elements) است. هر عنصر HTML وظیفه‌ای خاص دارد؛ به‌عنوان مثال، مرورگر با استفاده از HTML متوجه می‌شود که کدام بخش از متن باید به عنوان «عنوان» نمایش داده شود، کدام قسمت «پاراگراف» است و کدام قسمت به صورت «لینک» عمل می‌کند.

نمونه‌ای ساده از کد HTML

یک نمونه کد HTML ساده به این صورت است:

<!DOCTYPE html>
<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>
<h1>اولین عنوان من</h1>
<p>اولین پاراگراف من.</p>
</body>
</html>

[webdaran_editor]

توضیح کد بالا

• <!DOCTYPE html> : این خط نوع سند HTML را به مرورگر اعلام می‌کند و مشخص می‌سازد که از HTML۵ استفاده می‌شود.
• <html> : این تگ عنصر اصلی یا «ریشه» سند HTML است که تمام محتوای صفحه داخل آن قرار می‌گیرد.
• <head> : این بخش حاوی اطلاعات متا (Meta Information) است که اطلاعاتی درباره صفحه HTML به مرورگر می‌دهد.
• <title> : این تگ عنوان صفحه را تعیین می‌کند که در بالای مرورگر یا تب نمایش داده می‌شود.
• <body> : این بخش محتوای اصلی صفحه را شامل می‌شود؛ یعنی مواردی مثل عنوان‌ها، پاراگراف‌ها، تصاویر و لینک‌ها که در صفحه نمایش داده می‌شوند.
• <h۱> : این تگ برای مشخص کردن یک عنوان بزرگ به کار می‌رود.
• <p> : این تگ برای نمایش پاراگراف‌ها استفاده می‌شود.

عنصر HTML چیست؟

یک عنصر HTML معمولاً شامل یک تگ شروع، محتوای درون عنصر و یک تگ پایان است. به عنوان مثال:

<h1>اولین عنوان من</h1>
<p>اولین پاراگراف من.</p>

[webdaran_editor]

اکثر عناصر HTML از یک تگ شروع و یک تگ پایان تشکیل می شوند، به جز عناصری مثل `<br>` که نیازی به تگ پایانی ندارند و به آن‌ها عناصر خالی یا Empty Elements گفته می‌شود.

مرورگرهای وب و HTML

مرورگرهای وب مانند گوگل کروم، فایرفاکس و سافاری از HTML استفاده می‌کنند تا محتوای وب‌سایت‌ها را به‌درستی نمایش دهند. مرورگرها تگ‌های HTML را نمایش نمی‌دهند، بلکه از آن‌ها برای تعیین نحوه نمایش محتوا استفاده می‌کنند.

ساختار کلی یک صفحه HTML

ساختار پایه یک صفحه HTML به شکل زیر است:

<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>
<h1>این یک عنوان است</h1>
<p>این یک پاراگراف است.</p>
<p>این یک پاراگراف دیگر است.</p>
</body>
</html>

[webdaran_editor]

نکته: در مثال بالا توجه کنید که محتوای درون بخش `<body>` در صفحه وب نمایش داده می‌شود و محتوای درون تگ `<title>` در نوار عنوان یا تب مرورگر قرار می گیرد.

تاریخچه HTML

HTML از زمان ایجاد وب، مراحل مختلفی از پیشرفت و بهبود را طی کرده است:

سال	نسخه HTML
۱۹۸۹	تیم برنرز-لی وب را اختراع کرد
۱۹۹۱	تیم برنرز-لی HTML را معرفی کرد
۱۹۹۵	HTML ۲.۰ توسط گروه HTML Working Group تعریف شد
۱۹۹۷	HTML ۳.۲
۱۹۹۹	HTML ۴.۰۱
۲۰۰۸	HTML۵: اولین پیش‌نویس عمومی توسط WHATWG
۲۰۱۴	HTML۵
۲۰۱۷	HTML۵.۲

این جدول نشان می‌دهد که HTML طی سال‌ها به طور مداوم به‌روزرسانی و بهبود یافته تا نیازهای جدید کاربران و توسعه‌دهندگان را برآورده کند.