سبد (0)

تگ meta در HTML

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

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

<head>
<metacharset="UTF-8">
<metaname="description"content="Free Web tutorials">
<metaname="keywords"content="HTML,CSS,XML,JavaScript">
<metaname="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.

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

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

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


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

آموزش HTML-بخش Head

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

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehiمجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامیپرداخت آنلاین -  بانک ملتمعرفی بیاموز در شبکه سه