<title>: عنصر TITLE
آخر تحديث: 2026-10-13
<title>عنصر TITLE
يعرّف عنوان المستند الظاهر في تبويب المتصفح ونتائج البحث؛ عنوان واحد بالضبط لكل مستند، داخل head.
| الفئة | البيانات الوصفية |
|---|---|
| نموذج المحتوى | داخل head فقط |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | نعم — يتطلب إغلاق </title> وسم |
| الحالة | قياسي |
📝 البنية
<title>عنوان الصفحة</title>▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <title> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： نص title هو عنوان التبويب وSEO — اجعله موجزًا مع كلمات مفتاحية؛ لا يُسمح بوسوم متداخلة.
❓ الأسئلة الشائعة
Qما الطول المناسب لـ title؟
Aتعرض محركات البحث عادة 50-60 حرفًا إنجليزيًا (نحو 30 محرفًا صينيًا) ثم تقتطع الباقي بعلامة حذف. يُنصح بوضع الكلمات المفتاحية الجوهرية في الشطر الأول واسم العلامة في الخاتمة بصيغة «اسم الدورة - اسم الموقع»، مع تجنب حشو الكلمات المفتاحية.
Qهل يجوز وضع صورة أو HTML داخل title؟
Aلا،
<title> لا يقبل سوى نص خالص، وأي وسم يُعرض نصًا كما هو. وموضع عرض الشعار هو أيقونة تبويب المتصفح (favicon) وتضبط بـ link rel='icon'.Qكيف يُغير title ديناميكيًا في تطبيق الصفحة الواحدة؟
Aعبر JS:
document.title = 'العنوان الجديد' عند كل تنقّل بين المسارات. وله أثر على SEO — يحتاج الزاحف تصيير JS لرؤيته، ففي الصفحات المهمة يُفضَّل إخراج title من الخادم مباشرة، ويبقى title في SPA تحسينًا للتجربة.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قادمة قريبًا — ترقبوا.
📚 دروس ذات صلة
