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

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
عنوانی را برای سند تعریف می‌کند
معرفی شده در نسخهٔ:۱
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:display: none;

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

مثال

یک عنوان (title) برای سند اچ‌تی‌ام‌ال خود تعریف کنید:

<!DOCTYPE html>

<head>
  <title>HTML Elements Reference</title>
</head>
<body>

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

</body>


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

برچسب <title> در تمام سندهای اچ‌تی‌ام‌ال الزامی است و عنوان (title) یک سند را تعریف می‌کند.[۱]

محتوای عنوان صفحه بسیار برای بهینه‌سازی موتور جستجو (SEO) بااهمیت است! عنوان صفحه توسط الگوریتم‌های موتورهای جستجو استفاه می‌شود تا دربارهٔ ترتیب فهرست‌شدن صفحات در نتایج جستجو تصمیم‌گیری کند.

عنصر <title>:

  • یک عنوان را در نوار ابزار (toolbar) مرورگر تعریف می‌کند
  • موقع اضافه‌کردن به favorites، یک عنوان برای صفحه ارائه می‌کند
  • یک عنوان برای صفحه در نتایج موتورهای جستجو نمایش می‌دهد

این‌ها چند نکته برای ایجاد عنوان‌های خوب هستند:

  • عنوان‌هایی طولانی‌تر و تشریحی‌تر داشته باشید (از عنوان‌های یک‌کلمه‌ای یا دوکلمه‌ای اجتناب کنید)
  • موتورهای جستجو ۵۰–۶۰ نویسه (کاراکتر) از عنوان را نمایش می‌دهند، پس سعی کنید عنوان‌هایی طولانی‌تر از این نداشته باشید
  • تنها از فهرستی از کلمه‌ها برای عنوان استفاده نکنید (این مسئله می‌تواند جایگاه صفحه در نتایج جستجو را پایین بیاورد)

پس در نهایت، سعی کنید تا عنوان تا حد امکان صحیح و معنی‌دار باشد!

توجه: شما نمی‌توانید بیشتر از یک عنصر <title> در یک سند اچ‌تی‌ام‌ال داشته باشید.

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

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

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

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

صفحات مرتبط

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

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

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

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

title {
  display: none;
}


منابع آموزشی