تگ meta در html

توضیح:

این تگ اطلاعاتی را درباره داده سند به مرورگرها می دهد.
این تگ در بخش head قرار می گیرد و در خروجی قابل نمایش نیست اما توسط مرورگر قابل تجزیه و فراخوانی است.


اطلاعات قابل ارائه از سند توسط تگ meta عبارتند از:

  • نوع انکود سند
  • کلمات کلیدی سند
  • توضیحات سند
  • نام نویسنده سند
  • تنظیمات نحوه نمایش سند در دستگاههای مختلف یا viewport


همانطور که گفتیم این اطلاعات توسط:

مرورگرها برای اینکه (محتوای سند در مرورگرها چطور نمایش داده شود یا نحوه بارگذاری صفحه) به چه شکب باشد مورد استفاده قرار می گیرد.

مثال:

<meta name=&quotviewport&quot content=&quotwidth=device-width, initial-scale=1.0&quot>
<meta http-equiv=&quotrefresh&quot content=&quot30&quot>

استفاده موتورهای جستجوگر از کلمات کلیدی سند

مثال:

<meta name=&quotkeywords&quot content=&quotHTML, CSS, JavaScript&quot>

استفاده موتورهای جستجوگر از توضیحات سند

مثال:

<meta name=&quotdescription&quot content=&quotFree Web tutorials for HTML and CSS&quot>

استفاده موتورهای جستجوگر از نوسنده سند

مثال:

<meta name=&quotauthor&quot content=&quotamir javanmir&quot>

استفاده سایر وب سرویس ها


تنظیمات مربوط به viewport

به ناحیه ای از صفحه وب که قابل مشاهده است viewport گفته می شود.این بخش وابسته به اندازه دستگاه نمایش دهنده صفحه وب است.
دستگاه‌ می تواند موبایل یا صفحه کامپیوتر باشد.

نحوه نوشتن:

<meta name=&quotviewport&quot content=&quotwidth=device-width, initial-scale=1.0&quot>

زمانی که این تگ را با تنظیمات viewport نمایش می دهیم نوع scale و ابعاد صفحه را برای مرورگر مشخص می کنیم.

مقدار width=device-width مقدار طول صفحه را براساس اندازه‌ صفحه مرورگر مشخص می‌ کند.

مقدار initial-scale=1.0 مقدار زوم صفحه را در هنگام لود اولیه‌ توسط مرورگر مشخص میکند که در اینجا مقدار 1.0 مشخص شده است.


مشاهده ادامه در لینک زیر:

https://dejavan.ir


سخن پایانی

این بود یکی دیگر از تگ های Html در صورت داشتن سوال یا نظر اون رو با من در میان بزارید.

من امیر جوان میر هستم گرافیست و توسعه دهنده وب از سال 1390

instagram: https://www.instagram.com/amir.javanmir/

تمامی حقوق این مطلب متعلق به سایت دیزاینر جوان می باشد هرگونه استفاده از این مطلب با ذکر منبع آن بلامانع است.

website: https://dejavan.ir
instagram: https://instagram.com/designer.javan
twitter: https://twitter.com/designer_javan
Telegram: https://t.me/designer_javan


سایر مطالب

https://virgool.io/htmlTags