داغ ترین ویدیو بابلز لرن : هک کلاس های مجازی توسط متین برونسی

ویژگی تصویر

تگ meta در HTML

  /  فرانت اند   /  HTML   /  تگ meta در HTML
بنر تبلیغاتی الف

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

مثال

تماشا در حالت تمام صفحه


تعریف و کاربرد

با استفاده از تگ meta یکسری داده ها و اطلاعات مربوط به سند HTML را برای مرورگر ها و یا موتور های جستجو مشخص می کنیم.

تگ <meta> همیشه درون تگ <head> قرار میگیرد و معمولاً برای مشخص کردن کلمات کلیدی صفحه، توضیحات در رابطه با سند، نویسنده سند، مشخص کردن کاراکتر ها، تنظیمات viewport و… استفاده می شود.

محتوا های عناصر meta در صفحه نمایش داده نمی شوند ولی برای مرورگر ها، ربات ها یا موتور های جستجو قابل خواندن و تجزیه و تحلیل هست.


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

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

خواص (attributes)


این قسمت/بخشی از محتوا مخفی شده است و فقط برای اعضای وب سایت قابل مشاهده می باشد، لطفاً با حساب کاربری وارد شوید.


خواص عمومی

تگ meta از خواص عمومی در HTML پشتیبانی می کند.

مثال های بیشتر

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

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

در مثال زیر یکسری توضیحات در رابطه با سند برای موتور های جستجو می دهیم:

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

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

<meta name="author" content="Matin Boronsi">

در مثال زیر هر 30 ثانیه سند را تازه سازی (Refresh) می کنیم:

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

برای ریسپانسیو سازی یا همان واکنش گرا کردن سند که در تمامی دستگاه ها با سایز های مختلف ساختار خود را از دست ندهد از تنظیمات متای زیر استفاده می کنیم:

<meta name="viewport" content="width=device-width, initial-scale=1.0">
5/5 - (5 امتیاز)

آیا این مطلب برای شما مفید بود ؟

خیر
بله
بنر تبلیغاتی ج