meta تگ ها در HTML بخش اول content-type در meta

meta تگ ها در HTML بخش اول | content-type در meta

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

در این سری آموزشی قصد داریم کلیه تگ های meta در زبان HTML را برای شما عزیزان تدریس کنیم.

meta تگ ها در HTML بخش اول

meta تگ ها در HTML بخش اول | content-type در meta - سایت آموزی

در بخش اول این سری آموزشی به توضیح برخی از انواع تگ های 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 بخش دوم

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools