ساختار سند HTML

ساختار کلی یک سند HTML

هر صفحه HTML از یک ساختار استاندارد تشکیل شده است که باید آن را بشناسید و رعایت کنید. این ساختار شامل چند بخش اصلی است:

<!DOCTYPE html>
<html lang="fa">
<head>
    <meta charset="UTF-8">
    <title>عنوان صفحه</title>
</head>
<body>
    <!-- محتوای قابل مشاهده -->
</body>
</html>

۱. اعلان DOCTYPE

خط اول هر صفحه HTML باید <!DOCTYPE html> باشد. این خط به مرورگر می‌گوید که با یک سند HTML5 سر و کار دارد.

• همیشه در خط اول قرار می‌گیرد
• یک تگ نیست، بلکه یک اعلان است
• حروف بزرگ و کوچک تفاوتی ندارند، اما معمولاً با حروف بزرگ نوشته می‌شود

۲. عنصر html (ریشه سند)

تگ <html> عنصر ریشه است و تمام محتوای صفحه را در بر می‌گیرد. همه چیز بین <html> و قرار می‌گیرد.

ویژگی lang

ویژگی lang زبان صفحه را مشخص می‌کند. برای فارسی از lang="fa" استفاده کنید. این ویژگی برای دسترس‌پذیری (صفحه‌خوان‌ها) و سئو بسیار مهم است.

۳. عنصر head (بخش نامرئی)

تگ <head> شامل اطلاعاتی است که کاربر نمی‌بیند اما برای مرورگر و موتورهای جستجو مهم است:

تگ	کاربرد
<title>	عنوان صفحه (در تب مرورگر)
<meta charset>	نویسه‌گذاری (UTF-8 برای فارسی)
<meta name="viewport">	واکنش‌گرایی در موبایل
<meta name="description">	توضیحات برای سئو
<link>	اتصال به فایل‌های خارجی (CSS)
<style>	استایل داخلی
<script>	کد JavaScript

۴. عنصر body (بخش مرئی)

تگ <body> شامل تمام محتوایی است که کاربر در صفحه می‌بیند: متن‌ها، تصاویر، لینک‌ها، فرم‌ها، ویدیوها و غیره. هر چیزی که می‌خواهید نمایش داده شود، باید داخل <body> باشد.

نکات مهم

• هر صفحه فقط یک <html>، یک <head> و یک <body> دارد
• <title> فقط داخل <head> قرار می‌گیرد
• بدون <meta charset="UTF-8"> متن فارسی ممکن است درست نمایش داده نشود
• تورفتگی (Indentation) کد را رعایت کنید تا خوانا باشد

قالب آماده

این قالب را به‌عنوان نقطه شروع هر صفحه HTML استفاده کنید. آن را امتحان کنید!