head یا body؟ جای هر محتوا را پیدا کن

دو بخش با دو کار متفاوت

head اطلاعات سند مثل عنوان برگه، کدگذاری و فراداده را نگه می‌دارد. body محتوایی است که کاربر داخل صفحه می‌بیند. <!doctype html> به مرورگر می‌گوید سند را با حالت استاندارد HTML نمایش دهد؛ تگ محتوایی نیست. html ریشهٔ سند است و head و body داخل آن‌اند.

<!doctype html>
<html lang="fa" dir="rtl">
<head>
  <meta charset="utf-8">
  <title>دفتر من</title>
</head>
<body>
  <h1>روز اول</h1>
  <p>یادگیری را شروع کردم.</p>
</body>
</html>

بدون اجرای کد، تفاوت عنوان برگه و محتوای صفحه را مشخص کن. سپس نمونه را در فایل محلی باز کن و حدست را بررسی کن.

فعالیت شما

در این کد، چه چیزی عنوان برگهٔ مرورگر است و چه چیزی تیتر داخل صفحه؟