تگ فراداده ايHTML <meta> Tag -
Previous > <Nextمثال ـ توضيح فراداده ها دريك سند
<head> <meta charset="UTF-8"> <meta name="description" content="Free Web tutorials"> <meta name="keywords" content="HTML, CSS, JavaScript"> <meta name="author" content="John Doe"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head>
تعريف وكاربردDefinition and Usage -
تگ<meta> متا داده ها را براي يك سند تعريف ميكند .فراداده ها، داده يا اطلاعاتي است در مورد داده ها
اين اطلاعات براي كاربران قابل مشاهده نمي باشد، يعني نماي ظاهري وبصري ندارد .ولي براي نمايش بهتر صفحات وبسايت مورد تجزيه وتحليل مرورگر ها.وموتورهاي جستجو قرارميگيرد.
تگهاي<meta> هميشه در داخل تگ <head> قرار داده ميشوند . و معمولا براي مشخص كردن مجموعه كراكترها، توضيحات صفحه، نويسنده صفحه، كلمات كليدي و تنظيمات نماي ديد استفاده ميشوند.
فراداده ها در صفحه نمايش داده نميشوند، اما مورد تجزيه وتحليل ماشيني هستند.
پشتيباني مرورگرBrowser Support -
| Element | 
| 
| 
| 
| 
|
|---|---|---|---|---|---|
| <meta> | Yes | Yes | Yes | Yes | Yes |
ويژگي هاAttributes -
| ويژگي | مقدار | شــرح |
|---|---|---|
| charset | character-set | كراكترهاي رمزگذاري را براي سندHTML مشخص ميكند . |
| content | text | مقدارمرتبط باhttp-equiv يا ويژگي name را مشخص ميكند . |
| http_equiv | content-security-policy content-type default-style refresh | يك تيترHTTP براي information/value محتوي ويژگي فراهم ميكند |
| name | application-name author description generator keywords viewports | نامي براي فراداده مشخص ميكند. |
مثالهاي بيشتر
مثال ـ تعريف كلمات كليدي براي موتور جستجو
<meta name="keywords" content="HTML, CSS, JavaScript">
مثال ـ تعريف توضيح براي صفحات وب
<meta name="description" content="Free Web tutorials for HTML and CSS">
مثال ـ نويسنده صفحه را معرفي ميكند
<meta name="author" content="John Doe">
مثال ـ بازخواني سند هر30 ثانيه
<meta http-equiv="refresh" content="30">
مثال ـ تنظيم نماي ديد براي مشاهده خوب در همه دستگاههاي مرتبط
<meta name="viewport" content="width=device-width, initial-scale=1.0">
تنظيم نماي ديدSetting the Viewort -
نماي ديد كاربر ناحيه قايل مشاهده صفحه وب است، اين ناحيه در دستگاههاي مختلف متفاوت است در موبايل ناحيه كوچكتريست نسبت به صفحه نمايش كامپيوتر.
براي تنظيم نماي ديد بايد عنصر<meta> را بافرمت زير در صفحه وبتان قرار دهيد .
<meta name="viewport" content="width=device-width, initial-scale=1.0">
اين به مرورگر دستورالعمل هايي براي كنترل ابعاد ومقياس صفحه ميدهد.
اين رابطهwidth=device-width عرض صفحه را طوري تنظيم ميكند كه از عرض دستگاه پيروي نمايد .اين مورد نسبت بدستگاه متفاوت ميباشد.
رابطهinitial-scale=1.0 ،زماني كه صفحه براي اولين مرتبه بارگذاري ميشود سطح بزرگنمائي اوليه را مشخص مي نمايد.
نكته ـ اگر با گوشي يا تبلت اين صفحه را مرورميكنيد، ميتوانيد روي دو پيوند زير كليك كنيد تاتفاوت را مشاهده كنيد.
ويژگي هاي جهانيGlobal Attributes -
تگ<meta> از ويژگي هاي جهانيHTML پيروي ميكند.
تنظيمات پيش فرضDefault CSS Settings -
ندارد.
مرجع كامل تگهايHTML
مرجع كامل ويژگيهايHTML
Previous > <Next