تگ 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 Chrome Mozilla Firefox Internet Explorer Microsoft Edge Opera Safari Browser
گوگل کروم موزیلا فایرفاکس اینترنت اکسپلورر مایکروسافت اج اپرا سافاری
نسخه ۱ و بالاتر نسخه ۱ و بالاتر همه نسخه ها نسخه ۱۲ و بالاتر همه نسخه ها همه نسخه ها
مرورگرهای موبایل
Google Chrome Mozilla Firefox Opera Safari Browser Samsung Internet Browser
گوگل کروم موزیلا فایرفاکس اپرا سافاری سامسونگ اینترنت
همه نسخه ها نسخه ۴ و بالاتر همه نسخه ها همه نسخه ها همه نسخه ها

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

درباره‌ی محمد جاودانی

همه چیز ازون روز قشنگ شروع شد. 12 سال پیشو میگم که پدر و مادرم یه کامپیوتر برام خریدن. تا حالا شده دیوونه وار عاشق یه چیزی بشی؟ همونطوری عاشق کامپیوترم شده بودم! دنیای کودکی من خلاصه شده بود تو نصب ویندوز XP و آنتی ویروس های مختلف، نصب بازی ، باز و بسته کردن کیس کامپیوتر و خلاصه مهندس بازی درآوردن! هیچ چیز دیگه ای منو جذبم نمی کرد! چند سال گذشت و وقتی 14 سالم شد اولین وبلاگمو ساختم. تو فروم های مختلف بدون داشتن ذره ای دانش از فضای وب، شروع به فعالیت کردم و نزدیک هشت سال پیش اولین وب سایتمو با وردپرس ساختم و بعد یک سال شکست خوردم. از اون روز تا الان پروژه های زیادیو شروع کردم و شکست خوردم که معروف ترینش وب سایت پی سی لند بود ... سمت خیلی از زبونای برنامه نویسی رفتم و وسط راه مسیرمو عوض کردم و دنبال یه چیز جدیدتر رفتم ... خلاصه که بعد از کلی کش و قوس هنوزم به نظرم اول راهم و هر روز بیشتر از روز پیش تلاش می کنم ... محمد جاودانی، دانشجوی کارشناسی مهندسی نرم افزار هستم و در زمینه های توسعه دهندگی فرانت-اند تحت فریمورک React (JavaScript)، توسعه دهندگی بک-اند تحت فریمورک (Python) Django، سئو و تولید محتوا فعالیت دارم و اکنون در قلب "وی"، همراهِ تیم باانگیزه و به روزمون برای پیشرفت بی پایان "ویتکس" تلاش می کنم.

دیدگاه شما

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

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