ساختار پایه HTML: تگ‌های html، head و body
هر سند HTML با یک ساختار استاندارد آغاز می‌شود که شامل سه بخش اصلی html، head و body است. این ساختار اسکلت اصلی صفحات وب را تشکیل می‌دهد و بدون آن، مرورگرها نمی‌توانند محتوا را به درستی تفسیر کنند.
تگ html: نقطه شروع
تگ <html> به عنوان ریشه سند عمل می‌کند و تمام محتوای صفحه را در بر می‌گیرد. این تگ معمولاً با ویژگی lang همراه است که زبان اصلی سند را مشخص می‌کند:
<html lang="fa">
<!-- محتوای صفحه -->
</html>
| ویژگی |
توضیح |
| lang |
تعیین زبان سند (مثلاً "fa" برای فارسی) |
| dir |
تعیین جهت متن (rtl/ltr) |
تگ head: اطلاعات نامرئی
بخش <head> حاوی متادیتاهایی است که مستقیماً در صفحه نمایش داده نمی‌شوند، اما برای مرورگرها و موتورهای جستجو حیاتی هستند:
- عنوان صفحه (تگ title)
- لینک‌های استایل‌شیت (تگ link)
- اسکریپت‌های جاوااسکریپت (تگ script)
- متادیتاهای SEO (تگ meta)
مثال:
<head>
<title>آموزش HTML</title>
<meta charset="UTF-8">
<meta name="description" content="آموزش ساختار HTML">
<link rel="stylesheet" href="styles.css">
</head>
تگ body: محتوای مرئی
تمام عناصری که کاربران در صفحه می‌بینند، داخل تگ <body> قرار می‌گیرند. این شامل:
- متن‌ها و پاراگراف‌ها
- تصاویر و رسانه‌ها
- جدول‌ها و فرم‌ها
- ناوبری و فوتر
برای یادگیری عمیق‌تر درباره ساختار HTML می‌توانید به منبع مراجعه کنید.
نکته مهم: حتی اگر مرورگرها معمولاً صفحات بدون تگ‌های ساختاری را نمایش دهند، رعایت این استانداردها برای دسترسی‌پذیری، سئو و سازگاری بین مرورگرها ضروری است.
