بخش head و عنوان صفحه

بخش <head> اطلاعاتی را نگه می‌دارد که کاربر مستقیم نمی‌بیند اما حیاتی‌اند.

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>آموزش HTML | آرنا</title>
    <meta name="description" content="آموزش کامل HTML به فارسی.">
    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="/favicon.svg">
</head>

• <title> عنوان تب و مهم‌ترین عامل سئو در صفحه.
• <meta charset> کدگذاری (فارسی درست).
• <meta viewport> برای موبایل (بدون آن صفحه خراب است).
• <meta description> خلاصه برای گوگل.
• <link> اتصال CSS و favicon.
• <script> اتصال جاوااسکریپت (معمولاً انتهای body یا با defer).

<head> ویترین صفحه در گوگل و مرورگر است؛ جدی بگیرش.