برچسب <head> HTML

تعریف و استفاده

<head> عنصر جعبه‌بندی metadata (داده‌های مربوط به داده) در <html> تگ و <body> تگ بین

metadata داده‌های مربوط به سند HTML است. metadata نمایش داده نمی‌شود.

metadata معمولاً عنوان سند، مجموعه‌بندی، استایل، اسکریپت و اطلاعات meta دیگر را تعریف می‌کند.

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

توضیحات

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

سربرگ سند توضیحات مختلفی از ویژگی‌ها و اطلاعات سند را ارائه می‌دهد، از جمله عنوان سند، مکان آن در وب و روابط با سایر سندها و غیره. بیشتر داده‌های سربرگ واقعاً به عنوان محتوا به خواننده نمایش داده نمی‌شوند.

هر سند HTML باید یک عنصر head داشته باشد، که باید شامل یک عنصر title.

<title> تگ عنوان سند را تعریف می‌کند، که تنها عنصر ضروری بخش head است.

لطفاً به:

آموزش HTML:سربرگ HTML

دستورالعمل HTML DOM:موضوع Head

مثال

مثال 1

یک سند HTML ساده اما کامل، در بخش head یک تگ <title> دارد:

<!DOCTYPE html>
<html lang="zh">
  <head>
    <title>عنوان سند</title>
  </head>
  <body>
    <h1>این یک عنوان است</h1>
    <p>این یک پاراگراف است.</p>
  </body>
</html>

آزمایش کنید

مثال 2

<base> تگURL پیش‌فرض و هدف تمامی لینک‌های صفحه را تعیین می‌کند)، در داخل <head> قرار دارد:

<html>
  <head>
    <base href="https://www.codew3c.com/" target="_blank">
  </head>
<body>
  <img src="pic/tree.png" width="150" height="161" alt="Tree">
  <a href="tags/tag_base.asp">تگ base HTML</a>
</body>
</html>

آزمایش کنید

مثال 3

<style> تگاطلاعات استایل به صفحه اضافه می‌شود)، در داخل <head> قرار دارد:

<html>
  <head>
    <style>
      h1 {color:red;}
      p {color:blue;}
    </style>
  </head>
  <body>
    <h1>یک عنوان</h1>
    <p>یک پاراگراف.</p>
  </body>
</html>

آزمایش کنید

مثال 4

برچسب <link>（لینک به استایل‌های خارجی)، در داخل <head> قرار دارد:

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="styles.css">
  </head>
  <body>
    <h1>من از استایل‌های لینک برای فرمت‌دهی استفاده کردم.</h1>
    <p>من هم هستم!</p>
  </body>
</html>

آزمایش کنید

ویژگی‌های جهانی

<head> برچسب‌ها همچنین از ویژگی‌های جهانی HTML.

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

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

head {
  display: none;
}

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی