<meta>: عنصر META
آخر تحديث: 2026-10-13
<meta>عنصر META
يصف بيانات وصفية للمستند — charset وdescription وauthor وviewport — غير مرئية على الصفحة لكنها حيوية لـ SEO والعرض.
| الفئة | البيانات الوصفية |
|---|---|
| نموذج المحتوى | محتوى تدفقي |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | ذاتي الإغلاق — لا حاجة لوسم إغلاق |
| الحالة | قياسي |
📝 البنية
<meta name="" content="">⚙️ السمات
يدعم هذا العنصر السمات العامة بالإضافة إلى ما يلي:
| السمة | القيمة | الوصف |
|---|---|---|
charset | Document character encoding, e.g. UTF-8 (best placed first in head). | |
name | Metadata name, e.g. description, keywords, author, viewport. | |
content | The value paired with name or http-equiv. | |
http-equiv | Emulates an HTTP response header, e.g. content-type, refresh. | |
property | Social card property, e.g. og:title (Open Graph). |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <meta> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： meta عنصر فارغ؛ ضع charset مبكرًا لتجنب تشوه النص.
❓ الأسئلة الشائعة
Qما أصناف الضبط الشائعة في meta؟
Aمجموعة الأحرف
<meta charset='UTF-8'>؛ ومنفذ العرض <meta name='viewport' content='width=device-width, initial-scale=1'>؛ ووصف SEO بـ name='description'؛ وبطاقات مشاركة Open Graph (og:title وog:image)؛ والتحكم بالفهرسة robots (noindex/nofollow). ولكل صنف منظومته.Qلماذا يجب كتابة meta charset ضمن أول 1024 بايت؟
Aيحلل المتصفح تدفقيًا، فيفك ترميز أول مئات البايتات بالترميز الافتراضي قبل بلوغ تصريح charset؛ فإن ظهر قبلها محرف متعدد البايتات كالصينية واختل تقدير الترميز ظهر تشويش لا يُصلَح تلقائيًا. لذلك يجب أن يكون charset أول عنصر في head.
Qما المعاملات التي تكتب في content الخاصة بـ viewport؟
Aالشائع:
width=device-width (العرض يتبع الجهاز)، وinitial-scale=1 (التكبير الابتدائي)، وmaximum-scale/user-scalable (تقييد التكبير — منعه يضر الوصولية فغير مستحسن)، وviewport-fit=cover (ملاءمة شاشات النوتش).🏷️ وسوم ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قادمة قريبًا — ترقبوا.
📚 دروس ذات صلة
