آموزش رایگان برنامه نویسی، گرافیک، سئو و ....
تگ meta در html
توضیح:
این تگ اطلاعاتی را درباره داده سند به مرورگرها می دهد.
این تگ در بخش head قرار می گیرد و در خروجی قابل نمایش نیست اما توسط مرورگر قابل تجزیه و فراخوانی است.
اطلاعات قابل ارائه از سند توسط تگ meta عبارتند از:
- نوع انکود سند
- کلمات کلیدی سند
- توضیحات سند
- نام نویسنده سند
- تنظیمات نحوه نمایش سند در دستگاههای مختلف یا viewport
همانطور که گفتیم این اطلاعات توسط:
مرورگرها برای اینکه (محتوای سند در مرورگرها چطور نمایش داده شود یا نحوه بارگذاری صفحه) به چه شکب باشد مورد استفاده قرار می گیرد.
مثال:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="refresh" content="30">
استفاده موتورهای جستجوگر از کلمات کلیدی سند
مثال:
<meta name="keywords" content="HTML, CSS, JavaScript">
استفاده موتورهای جستجوگر از توضیحات سند
مثال:
<meta name="description" content="Free Web tutorials for HTML and CSS">
استفاده موتورهای جستجوگر از نوسنده سند
مثال:
<meta name="author" content="amir javanmir">
استفاده سایر وب سرویس ها
تنظیمات مربوط به viewport
به ناحیه ای از صفحه وب که قابل مشاهده است viewport گفته می شود.این بخش وابسته به اندازه دستگاه نمایش دهنده صفحه وب است.
دستگاه می تواند موبایل یا صفحه کامپیوتر باشد.
نحوه نوشتن:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
زمانی که این تگ را با تنظیمات 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
مطلبی دیگر از این انتشارات
تگ body در html
مطلبی دیگر از این انتشارات
تگ p در html ( المنت هیجدهم)
مطلبی دیگر از این انتشارات
تگ کامنت در html ( المنت ششم)