عناصر سربرگ HTML

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

عنوان مستند
برچسب <title> عنوان مستند را تعریف می‌کند.
یک هدف برای همه لینک‌ها
چگونه از برچسب base برای باز کردن همه برچسب‌های صفحه در پنجره جدید استفاده کنیم.
توصیف مستند
از عناصر <meta> برای توصیف مستند استفاده کنید.
کلمات کلیدی مستند
از عناصر <meta> برای تعریف کلمات کلیدی مستند استفاده کنید.
هدایت کاربر
چگونه کاربر را به آدرس وب جدیدی هدایت کنیم.

عنصر HTML <head>

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

تمام این برچسب‌ها می‌توانند به بخش head اضافه شوند：<title>، <base>، <link>، <meta>، <script> و <style>.

عنصر <title> HTML

برچسب <title> عنوان مستند را تعیین می‌کند.

عنصر title در تمامی مستندات HTML/XHTML ضروری است.

عنصر title می‌تواند:

  • عنوانی که در نوار ابزار مرورگر نمایش داده می‌شود
  • عنوانی که هنگام افزودن صفحه به لیست علاقه‌مندی‌ها نمایش داده می‌شود
  • عنوان صفحه‌ای که در نتایج موتورهای جستجو نمایش داده می‌شود

یک مستند HTML ساده‌سازی شده:

<!DOCTYPE html>
<html>
<head>
<title>عنوان مستند</title>
</head>
<body>
محتوای مستند......
</body>
</html>

عنصر <base> HTML

برچسب <base> برای تعیین آدرس پیش‌فرض یا هدف پیش‌فرض (target) برای تمامی لینک‌های صفحه استفاده می‌شود:

<head>
<base href="http://www.codew3c.com/images/" />
<base target="_blank" />
</head>

عنصر <link> HTML

برچسب <link> تعیین می‌کند که مستند با منابع خارجی چه ارتباطی دارد.

برچسب <link> معمولاً برای اتصال به فایل‌های استایل استفاده می‌شود:

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

عنصر <style> HTML

برچسب <style> برای تعیین اطلاعات استایل برای مستند HTML استفاده می‌شود.

شما می‌توانید در داخل عنصر style استایل‌های نمایش داده شده عناصر HTML در مرورگر را تعیین کنید:

<head>
<style type="text/css">
body {رنگ پس‌زمینه:زرد}
p {رنگ:آبی}
</style>
</head>

عنصر <meta> HTML

metadata (معلومات metadata) اطلاعات مربوط به داده است.

برچسب <meta> اطلاعات metadata مربوط به مستند HTML را ارائه می‌دهد. اطلاعات metadata در صفحه نمایش داده نمی‌شود، اما برای ماشین‌ها قابل خواندن است.

در موارد معمول، عنصر meta برای تعیین توضیحات صفحه، کلمات کلیدی، نویسنده مستند، زمان آخرین تغییرات و سایر اطلاعات metadata استفاده می‌شود.

برچسب <meta> همیشه در داخل عنصر head قرار دارد.

معلومات metadata می‌تواند برای مرورگرها (چگونه محتوا نمایش داده شود یا صفحه بارگذاری مجدد شود)، موتورهای جستجو (کلمات کلیدی) و سایر خدمات وب استفاده شود.

کلمات کلیدی برای موتورهای جستجو

برخی موتورهای جستجو از ویژگی‌های name و content عنصر meta برای شمارش صفحه شما استفاده می‌کنند.

عنصر meta زیر، توضیح صفحه را تعریف می‌کند:

<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />

عنصر meta زیر، کلمات کلیدی صفحه را تعریف می‌کند:

<meta name="keywords" content="HTML, CSS, XML" />

نقش ویژگی‌های name و content این است که محتوای صفحه را توضیح دهند.

عنصر <script> HTML

برچسب <script> برای تعریف اسکریپت‌های کاربر، مانند JavaScript، استفاده می‌شود.

ما در فصل‌های بعدی به عنصر script می‌پردازیم.

عناصر سربرگ HTML

برچسب توضیح
<head> تعریف اطلاعات مستند.
<title> تعریف عنوان مستند.
<base> تعریف آدرس پیش‌فرض یا هدف پیش‌فرض برای تمام لینک‌های صفحه.
<link> تعریف ارتباط مستند با منابع خارجی.
<meta> تعریف داده‌های اضافی مستند HTML.
<script> تعریف اسکریپت‌های کاربر.
<style> تعریف اطلاعات استایل مستند.