مثال (تگ meta در HTML)

از عنصر <meta> برای توصیف سند استفاده کنید:

<head>
<meta charset="UTF-8">
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Hege Refsnes">
</head>

خودتان امتحان کنید »

تعریف و کاربرد تگ meta در HTML

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

عنصر <meta> نوعاً برای مشخص کردن نویسنده، کلمات کلیدی، آخرین تغییرات، توضیحاتی در مورد صفحه و دیگر داده های Meta استفاده می شوند.

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

پشتیبانی مرورگرها از تگ meta در HTML

عنصر          
<meta> بله بله بله بله بله

نکته ها و ترفندها

نکته: تگ<meta> همیشه داخل تگ <head> قرار می گیرد.

نکته: Metadata همیشه به صورت جفت name و value می آید.

نکته: اگر ویژگی name یا  http-equiv تعریف شده باشد خصوصیت content نیز باید تعریف شود، اگر هیچ یک از این خصوصیت ها تعریف نشده باشند خصوصیت  content هم نمی تواند تعریف شود.

تفاوت بین HTML 4.01 و HTML5

خصوصیت scheme در HTML5 پشتیبانی نمی شود.

در HTML5 خصوصیت جدید charset اضافه شده است، که تعریف charset را آسانتر می کند:

  • HTML 4.01: <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  • HTML5: <meta charset="UTF-8">

تفاوت بین  HTML و XHTML

در HTML تگ <meta> تگ پایانی ندارد.

در XHTML تگ <meta> باید با یک تگ پایانی بسته شود.

مثال

مثال 1: مشخص کردن کلمات کلیدی برای موتورهای جستجو:

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

مثال 2: توضیحی از محتویات یک صفحه:

<meta name="description" content="Free Web tutorials on HTML and CSS">

مثال 3: مشخص کردن نویسنده یک صفحه:

<meta name="author" content="Hege Refsnes">

مثال 4: Refresh کردن صفحه هر 30 ثانیه یکبار:

<meta http-equiv="refresh" content="30">

خصوصیت ها

= جدید در HTML5.

خصوصیت مقدار توضیحات
charset character_set کد کردن کاراکترها برای سند HTML
content text دادن مقداری مرتبط با صفت http-equiv یا name
http-equiv content-type
default-style
refresh		 فراهم کردن یک HTTP header برای اطلاعات یا مقدار صفت content  
name application-name
author
description
generator
keywords		 یک name برای metadata مشخص می کند.
scheme format/URI در HTML5 پشتیبانی نمی شود.
طرحی (scheme) برای تفسیر یا ترجمه مقدار صفت content مشخص می کند.

ویژگی های عمومی تگ meta در HTML

تگ <meta> از ویژگی های عمومی در HTML پشتیبانی می کند.

آموزش های مرتبط

آموزش HTML-بخش Head

مرجع اشیاء اچ تی ام ال: تگ meta در JavaScript