اچ تی ام ال (HTML)برنامه نویسیطراحی سایتفرانت اند (Front-end)

تگ head چیست؟ | آموزش تگ head در HTML

تگ head چیست؟ | آموزش تگ head در HTML
تگ head چیست؟ | آموزش تگ head در HTML

یکی دیگر از فرزندان اصلی تگ html ، تگ head است که دقیقا بالای تگ body تعریف می شود. در این پست از بلاگ ویتکس به معرفی تگ head که یکی از تگ های مهم و اساسی ساختار استاندارد هر صفحه HTML است، می پردازیم. پس با بلاگ ویتکس همراه شوید …

مقدمه

همان طور که گفتیم یکی دیگر از فرزندان اصلی تگ html ، تگ head است که دقیقا بالای تگ body تعریف می شود و ساختار دستوری آن به صورت زیر است :

تگ head چیست؟

تگ head را می توان به ظرفی تشبیه کرد که محتویات آن از جنس اطلاعات مهمی به نام فراداده یا در اصطلاح متادیتا (metadata) می باشد. این تگ شامل گونه های مختلف metadata نظیر عنوان صفحه (تگ title)، متاتگ ها (تگ meta)، جاوا اسکریپت ها (تگ script)، استایل های CSS (تگ style) و … می باشد.

metadata، داده ها و اطلاعاتی درباره یک صفحه HTML هستند که به صورت مستقیم در صفحه وب به کاربر نمایش داده نمی شوند اما کافیست تا یک صفحه اینترنتی را باز کنید تا ردپای وجود آن ها را مشاهده کنید؛ پس به طور خلاصه می توان گفت که این تگ و محتویات آن در بدنه ی اصلی صفحه وب نمایش داده نمی شوند اما وجود آن برای درک صفحه وب توسط ماشین ها (ربات هایی نظیر موتورهای جستجو، مرورگرها و …) بسیار ضروری و حائز اهمیت است.

تگ head در HTML5

اولین خط از هر سند HTML با دستور DOCTYPE شروع می شود و سپس تگ html زیر آن قرار می گیرد. فرزندان تگ html، تگ های head و body هستند که به ترتیب از بالا نوشته می شوند :

کاربردی ترین متادیتاها در تگ head

از کاربردی ترین و مهم ترین متادیتا هایی که درون این تگ قرار داده می شوند می توان به :

  • تگ title
  • نگ style
  • تگ link
  • تگ meta
  • تگ script
  • تک noscript

اشاره کرد.

تفاوت استفاده از تگ head در HTML 4.01 و HTML5

در برنامه نویسی HTML 4.01 وجود این تگ کاملاً الزامی است اما در برنامه نویسی HTML5 می توان آن را حذف نمود! صبر کنید … همان طور که در چندین خط بالاتر توضیح دادیم، “وجود این تگ برای استفاده از متادیتا های مهم و در نتیجه درک صفحه وب توسط ماشین ها (ربات هایی نظیر موتورهای جستجو، مرورگرها و …) بسیار ضروری و حائز اهمیت است“؛ بنابراین حتی با وجود اینکه استفاده نکردن از این تگ در HTML5 مجاز است، شما هیچگاه نباید چنین اشتباه فاجعه باری را مرتکب شوید و همواره می بایستی در تمامی سندهای HTML5 نیز از این تگ استفاده نمایید؛ زیرا چنین اشتباهی می تواند تاثیرات به شدت منفی روی سئو سایت شما اعمال کند.

مرورگرهای سازگار

در جدول زیر، لیست مرورگرها و نسخه های سازگار آن ها با این تگ را مشاهده می کنید :

مرورگرهای دسکتاپ
Google ChromeMozilla FirefoxInternet ExplorerMicrosoft EdgeOperaSafari Browser
گوگل کرومموزیلا فایرفاکساینترنت اکسپلوررمایکروسافت اجاپراسافاری
نسخه ۱ و بالاترنسخه ۱ و بالاترهمه نسخه هانسخه ۱۲ و بالاترهمه نسخه هاهمه نسخه ها
مرورگرهای موبایل
Google ChromeMozilla FirefoxOperaSafari BrowserSamsung Internet Browser
گوگل کرومموزیلا فایرفاکساپراسافاریسامسونگ اینترنت
همه نسخه هانسخه ۴ و بالاترهمه نسخه هاهمه نسخه هاهمه نسخه ها

امیدواریم از این مقاله نهایت بهره را برده باشید …

درباره نویسنده

محمد جاودانی

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

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا