HTML meta Tag
HTML meta Tag – يحدد الوسم <meta> البيانات الوصفية (معلومات حول البيانات) لمستند HTML، ويتم استخدام هذه البيانات بواسطة المتصفحات.
HTML meta Tag
يٌستخدم الوسم <meta> غالبًا لتحديد:
- مجموعة ترميز الأحرف (character set).
- وصف الصفحة.
- إعدادات منفذ العرض (viewport).
- الكلمات الرئيسية أو المفتاحية لمحرك البحث.
- إسم مؤلف المستند.
مثال للتوضيح
إستخدام الوسم <meta> لتحديد ترميز الأحرف للمستند:
Meta Example
Hello Programmer!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Meta Example</title>
</head>
<body>
<h1>Meta Example</h1>
<p>Hello Programmer!</p>
</body>
</html>
Meta Example
Hello Programmer!
لن يتم عرض البيانات الوصفية على الصفحة، مثل الوسوم المستخدمة فى الـ <body>، لكنها قابلة للتحليل آليًا.
لا يستخدم الوسم <meta> إلا داخل الوسم <head>.
أمثلة على أشهر إستخدامات الوسم <meta>
1. تحديد ترميز الأحرف للمستند:
<meta charset="UTF-8">
2. تحديد وصف الصفحة:
<meta name="description" content="Learn Programming In Arabic">
3. تحديد منفذ العرض Viewport (المنطقة المرئية للمستخدم لصفحة الويب):
<meta name="viewport" content="width=device-width, initial-scale=1.0">
يجب عليك تضمين عنصر <meta> السابق في جميع صفحات الويب الخاصة بك لجعل موقعك متجاوب Responsive على جميع أحجام الشاشات.
4. تحديد الكلمات الرئيسية أو المفتاحية لمحرك البحث:
<meta name="keywords" content="Albashmoparmeg, Programming, Python, HTML, HTML5, PHP">
5. تحديد إسم المؤلف أو صاحب الصفحة:
<meta name="author" content="Hamed Esam">
6. لتحديث أو إعادة تحميل المستند كل 10 ثوان:
<meta http-equiv="refresh" content="10">
7. لإعادة توجيه صفحة بعد 10 ثوان لصفحة معينة:
<meta http-equiv="refresh" content="3;url=https://www.albashmoparmeg.com">
السمات المحددة – Specific Attributes
السمات الخاصة للوسم <meta>:
| السمة | القيمة | الوصف |
|---|---|---|
| charset | character-set | تحدد ترميز أحرف المستند. يجب أن تكون قيمتها مطابقة لـ ASCII غير حساسة لحالة الأحرف للسلسلة “UTF-8” ، لأن UTF-8 هو الترميز الوحيد الصالح لمستندات HTML5. |
| content | text | تحدد القيمة المرتبطة بـ http-equiv أو سمة name. |
| http-equiv | content-security-policy content-type default-style x-ua-compatible refresh | يحدد توجيه pragma، والذى يحدد HTTP Headers للقيمة الخاصة بسمة content. |
| name | author description keywords viewport application name | تحدد اسم للبيانات الوصفية metadata. |
توجيه pragma: هو بناء لغة يحدد كيفية معالجة المترجم لمدخلاته.
السمات العامة – Global Attributes
الوسم <meta> يدعم السمات العامة أيضًا، تعرف عليهم عن طريق هذا الرابط: السمات العامة – Global Attributes.
إقرأ أيضًا – HTML <meta> Tag
للمزيد من المعلومات شاهد فصل: HTML Head.
الوسوم المتعلقة: <head>.
دعم المتصفحات
 |  |  |  |  |
| مدعوم | مدعوم | مدعوم | مدعوم | مدعوم |
الإبلاغ عن خطأ
×إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:
info@albashmoparmeg.com
شكرًا لك على مساعدتك لنا!