meta تگ ها در HTML بخش اول
meta تگ ها در HTML بخش اول | content-type در meta
meta تگ ها در اچ تی ام ال بخش اول را جهت مطالعه شما کاربران گرامی سایت آموزی تدارک دیدیم.
در این سری آموزشی قصد داریم کلیه تگ های meta در زبان HTML را برای شما عزیزان تدریس کنیم.
meta تگ ها در HTML بخش اول
در بخش اول این سری آموزشی به توضیح برخی از انواع تگ های meta در زبان HTML می پردازیم.
تعریف تگ های meta در اچ تی ام ال
گروه تگ های meta در سند html در بین تگ باز و بسته head قرار می گیرند.
در حقیقت تگ های متا جهت توضیحات بیشتر و شناساندن بهتر سایت شما به موتورهای جستجو کاربرد دارند.
لذا اگر بهینه سازی سایت و سئو برایتان مهم است ، باید درک خوبی از کلیه تگ های meta داشته باشید.
سایت آموزی شما را با کل تگ های meta و تعریف کاربرد آنها را برای شما همراهان گرامی تدریس می کند.
metadata ها درون تگ های متا مشخص می شوند.
تگ های meta را براساس Attribute ها و مقادیر آنها دسته بندی می کنند.
تگ meta با خاصیت charset در HTML
اگر قصد داشته باشیم نحوه کد گذاری ( Encoding ) بر روی کاراکترهای یک سند html را با یک زبان هماهنگ کنیم، از یک خصوصیت به نام charset استفاده می کنیم.
مثلا برای اینکه کاراکترهای فارسی که در سند html می نویسیم در مرورگر به خوبی به زبان فارسی encode شود، و صحیح به نمایش در آید، از خاصیت charset استفاده می کنیم.
خاصیت charset یک مقدار ( Value ) می گیرد.
و این مقدار نمایانگر زبانی است که در سند html برای مرورگر باید encode شود.
برای encode صحیح زبان فارسی به کار رفته در اسناد HTML از قطعه کد زیر استفاده می کنیم :
[html]<meta charset = “utf-8” >[/html]
انواع تگ meta با مقادیر مختلف خاصیت http-equiv در اچ تی ام ال
خاصیت http-equiv مقادیر مختلفی می گیرد. و در مقادیر مختلف کاربردهای گوناگونی دارد.
در حقیقت خاصیت http-equiv هرگاه برای تگ meta استفاده می شود، نقش مهمی دارد.
این خاصیت برای هدر پاسخ http مورد استفاده قرار میگیرد.
و در هر مقدار مورد استفاده عملکرد متفاوتی را برای تگ meta و نحوه ارجاع به موتور جستجو تعیین می کند.
در آموزش meta تگ ها در HTML بخش اول با اولین کاربرد خاصیت http-equiv شما عزیزان را آشنا می کنیم.
تگ meta با مقدار content-type در خاصیت http-equiv
معمولا در زمانی از مقدار content-type در خاصیت http-equiv استفاده می کنیم، که از خاصیت content نیز در تگ meta استفاده کرده باشیم.
در حقیقت این خاصیت و مقدارش برای موتور جستجو و مبحث سئو از اهمیت بالایی برخوردار است.
چون توسط این مقدار تعیین مقدار خاصیت content نوع محتوای خود را برای موتور جستجو تعریف می کنیم.
قطعه کد زیر نوع تگ meta در زمان استفاده از مقدار content-type در خاصیت http-equiv و تعیین مقدار برای خاصیت content را نشان می دهد :
[html]<meta http-equiv = “content-type” content=”text/html; charset=UTF-8″>[/html]
اگرچه کد بالا در HTML4 کاربرد داشت و بهترین کد تعیین زبان محتوا در سند HTML5 کد زیر می باشد :
[html]<meta charset = “utf-8” >[/html]
جهت مطالعه بخش بعدی meta تگ ها در HTML بر روی لینک زیر کلیک کنید:
meta تگ ها در HTML بخش دوم
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
meta تگ ها در HTML بخش اول | content-type در meta – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی2 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
سلام خداقوت
الان من متوجه نشدم که content-type در html5 پشتیبانی نمیشه؟ یا این که بهتره از utf-8 استفاده کرد
درود هر دو پشتیبانی میشن و مشکلی ندارن… اما تو html5 بهتره از utf-8 و یا ترکیبی از هر دو استفاده کنید…