<head> Element

المنت <head> یکی از بخش‌های مهم در هر سند HTML است.
این بخش اطلاعات متا (metadata) درباره‌ی سند رو ذخیره می‌کنه؛ اطلاعاتی که برای مرورگر و موتورهای جستجو کاربرد دارن، نه برای کاربر عادی در صفحه.

📌 ساختار کلی

<!DOCTYPE html>
<html lang="fa">
<head>
  <meta charset="UTF-8">   <!-- تعیین یونیکد فارسی/انگلیسی -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- ریسپانسیو -->
  <title>صفحه نمونه</title> <!-- عنوان تب مرورگر -->
  <link rel="stylesheet" href="style.css"> <!-- لینک به فایل CSS -->
  <script src="app.js"></script> <!-- لینک به فایل جاوااسکریپت -->
</head>
<body>
  <h1>سلام دنیا</h1>
</body>
</html>

🔹 تگ‌های مهمی که داخل <head> استفاده میشن:

  1. <title>
    عنوان صفحه که در نوار مرورگر یا تب نمایش داده میشه.

    <title>آموزش HTML</title>

  2. <meta>
    اطلاعات اضافی مثل charset، توضیحات، نویسنده، کلیدواژه‌ها.

    <meta charset="UTF-8">
<meta name="description" content="آموزش HTML و CSS از صفر">
<meta name="keywords" content="HTML, CSS, آموزش">
<meta name="author" content="Tabzmedia">

  3. <link>
    برای لینک دادن به فایل‌های خارجی مثل CSS یا favicon.

    <link rel="stylesheet" href="style.css">
<link rel="icon" type="image/png" href="favicon.png">

  4. <style>
    نوشتن استایل‌های CSS مستقیم داخل head.

    <style>
  body { background-color: coral; }
</style>

  5. <script>
    برای اضافه کردن یا لینک دادن به جاوااسکریپت.

    <script src="app.js"></script>

⚡ نکات مهم

  • محتوای <head> مستقیماً روی صفحه نمایش داده نمی‌شه.

  • نقش اصلیش: تنظیمات صفحه، سئو (SEO)، و اضافه کردن استایل و اسکریپت‌هاست.

  • ترتیب قرار گرفتن بعضی تگ‌ها مثل <meta charset> خیلی مهمه (باید ابتدای head باشه).