تگ meta در HTML
مثال (تگ meta در HTML)
از عنصر <meta> برای توصیف سند استفاده کنید:
<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: مشخص کردن کلمات کلیدی برای موتورهای جستجو:
مثال 2: توضیحی از محتویات یک صفحه:
مثال 3: مشخص کردن نویسنده یک صفحه:
مثال 4: Refresh کردن صفحه هر 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 پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ meta در JavaScript
- نوشته شده توسط سمیه فخری
- بازدید: 30863
دیدگاه‌ها
اگر بخوام کلمات کلیدی به کار ببرم برای خرید کالا مثلا "پارکت" و "کاغذ دیواری" به چه صورت باید عمل کنم؟
در تگ متا میشه برای وارد کردن کلمات کلیدی در قسمت content چند بار وارد کرد ؟
<meta name="keywords" content="پارکت, کاغذ دیواری" >
توجه کنید که بین کلمات کلیدی از ویرگول انگلیسی استفاده شود و همان طور که متوجه شدید می توان از بیش از یک کلمه کلیدی استفاده نمود.
خیلی عالی بود . واقا کابردی.
ممنون
بسیار عالی و اموزنده .. خیلی ممنون
سلام خسته نباشید
سایتتون خیلی عالیه واقعا استفاده کردیم