HTML <meta> Tag
تگ <meta> در HTML، متادیتا (metadata) را در صفحه وب مشخص می کند. متادیتا داده ها و اطلاعاتیست که مرورگر وب آن ها را پردازش می کند و در صفحه نمایش داده نمی شود.
مثال:
<head> <meta charset="UTF-8"> <meta name="description" content="Free Web tutorials"> <meta name="keywords" content="HTML, CSS, JavaScript"> <meta name="author" content="Soheil Aslifard"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head>
تگ های متا همیشه داخل عنصر <head> قرار می گیرند. متادیتا برای مشخص کردن نوع کدگذاری (character set) در سند HTML و تعیین نحوه نمایش صفحه در دستگاههای مختلف بکار می رود. همچنین این عنصر برای تنظیم متای توضیحات صفحه، کلمات کلیدی، مؤلف و محدوده دید صفحه (viewport) در اندازه های مختلف مرورگر و دستگاه های مختلف بکار می رود.
صفت ها (Atributes)
charset
این صفت نوع کد گذاری سند HTML را مشخص می کند.
content
این صفت مقدار صفت های http-equive یا name نگهداری می کند.
http-equiv
این صفت هدر HTTP برای اطلاعات/مقدار صفت content را فراهم می کند که شامل مقادیر زیر است:
content-security-policy:
سیاست محتوایی صفحه را مشخص می کند.content-type:
نوع کدگذاری سند/صفحه وب را مشخص می کند.default-style:
نوع سند استایل دهی ترجیحی را مشخص می کند.refresh:
فاصله زمانی را برای بارگذاری مجدد (refresh) صفحه مشخص می کند.
name
نام متادیتا را مشخص می کند. این صفت شامل مقادیر زیر است:author, application-name, description, generator, keywords, viewport
مشخص کردن محدوده دید (viewpor) توسط تگ <meta>:
viewport محدوده قابل رؤیت توسط کاربر است که بنا به نوع دستگاه مورد استفاده کاربر (موبایل – تبلت – لپ تاپ – مانیتور و اندازه های متفاوت هر یک آنها) تفاوت دارد.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
پشتیبانی مرورگرها
تمام مرورگرها از این تگ HTML پشتیبانی می کنند.
