آموزش تگ meta در HTML - راهنمای کار با متادیتا در html

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

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

تگ meta در بین تگ head قرار می گیرد.

مثال تگ meta در HTML

مثال 1: تعریف کاراکتر مورد استفاده در صفحه

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

مثال 3: تعریف کلمات کلیدی مرتبط با محتوای صفحه برای موتورهای جستجو

مثال 4: تعریف نام نویسنده

مثال 5: تنظیم viewport برای واکنش گرایی و نمایش مناسب صفحه در دستگاه های مختلف گوشی، تبلت و...

مثال 6: رفرش صفحه هر 10 ثانیه یک بار

مثال 7: تغییر مسیر صفحه بعد از 3 ثانیه

مثال 8: اجازه ایندکس صفحه در موتورهای جستجو

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

تگ <meta> در مرورگرهای کروم، فایرفاکس، اپرا، سافاری، اینترنت اکسپلورر و اج پشتیبانی می شود.

مرورگر	کروم	فایرفاکس	اپرا	سافاری	اینترنت اکسپلورر / اج
پشتیبانی	بله	بله	بله	بله	بله

ویژگی ها

ویژگی	مقدار	توضیحات
charset	character_set	تعیین نوع کاراکترهای صفحه
content	text	تعیین مقدار متا مرتبط با ویژگی http-equiv یا name
http-equiv	content-type default-style refresh	تعیین هدر HTTP برای مقدار موجود در ویژگی content
name	application-name author description generator keywords viewport	تعیین نام برای متادیتا
scheme	format/URI	تعیین scheme برای تفسیر یا ترجمه مقدار ویژگی content