برچسب <head> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
< مرجع HTML:تگ‌ها(تغییرمسیر از تگ head)
پرش به ناوبری پرش به جستجو
اطلاعات مربوط به سند را تعریف می‌کند
معرفی شده در نسخهٔ:۲
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:display: none;

{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

یک سند اچ‌تی‌ام‌ال با یک برچسب <title> درون بخش head:

<!DOCTYPE html>

<head>
  <title>Title of the document</title>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>


مثال‌های بیشتری از «خودتان امتحان کنید» در پایین.

تعریف و کاربرد

عنصر <head> یک ظرف برای همهٔ عنصرهای head است.[۱]

عنصر <head> می‌توان شامل عنوان برای سند، اسکریپت‌ها، سبک‌دهی‌ها، اطلاعات متا، و موارد بیشتری باشد.

عنصرهای زیر می‌توانند درون عنصر <head> بروند:

پشتیبانی مرورگر

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<head> بله بله بله بله بله

ویژگی‌های سراسری

همچنین برچسب <head> از ویژگی‌های سراسری (Global Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

مثال‌های بیشتر

مثال

برچسب <base> (که برای مشخص کردن URL پیش‌فرض و هدف پیش‌فرض برای همهٔ لینک‌های یک صفحه استفاده می‌شود) در درون قرار می‌گیرد:

<head>
  <base href="https://www.w3schools.com/" target="_blank">
</head>
<body>

<img src="images/stickman.gif" width="24" height="39" alt="Stickman">
<a href="tags/tag_base.asp">HTML base Tag</a>

</body>


مثال

برچسب <style> (که برای اضافه‌کردن اطلاعات سبک به یک صفحه به کار می‌رود) در درون قرار می‌گیرد:

<head>
  <style>
    h1 {color:red;}
    p {color:blue;}
  </style>
</head>
<body>

<h1>A heading</h1>
<p>A paragraph.</p>

</body>


مثال

برچسب <link> (که برای لینک‌دهی به یک style sheet خارجی استفاده می‌شود) در درون قرار می‌گیرد:

<head>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>

<h1>I am formatted with a linked style sheet</h1>
<p>Me too!</p>

</body>


صفحات مرتبط

آِموزش اچ‌تی‌ام‌ال: Head در اچ‌تی‌ام‌ال (HTML Head)

مرجع DOM اچ‌تی‌ام‌ال: شیء Head (Head Object)

تنظیمات پیش‌فرض CSS

بیشتر مرورگرها عنصر <head> را با مقادیر پیش‌فرض زیر نمایش می‌دهند:

head {
  display: none;
}


منابع آموزشی