<h1>: عنصر H1

آخر تحديث: 2026-10-13

<h1>عنصر H1

عنصر <h1> هو عنوان المستوى الأول، وهو أهم عنوان في الصفحة. يجب أن تحتوي كل صفحة على <h1> واحد مثاليًا، مطابقًا للموضوع الرئيسي — مهم لـ SEO.

الفئةمحتوى النص
نموذج المحتوىمحتوى تدفقي، محتوى عنوان
العناصر الأم المسموحةأي عنصر يقبل المحتوى التدفقي أو عنوان
وسم الإغلاقنعم — يتطلب إغلاق </h1> وسم
الحالةقياسي

📝 البنية

<h1>عنوان المستوى الأول</h1>

▶ مثال

عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:

🌐 دعم المتصفح

المتصفح ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<h1> ✓ v1 ✓ v12 ✓ v1 ✓ v1 ✓ v1
مدعوم في جميع المتصفحات الرئيسية
نصيحة: استخدم <h1> واحدًا فقط في الصفحة ولا تتخطى مستويات العناوين.

❓ الأسئلة الشائعة

Qكم h1 يمكن أن تكون في الصفحة؟
Aتسمح المواصفات بأكثر من واحدة (لكل article/section أن يكون لها h1 خاصة بها)، لكن ممارسات SEO تنصح بشدة بعدم تجاوز h1 واحدة في الصفحة كلعنوان رئيس — فهو إشارة جوهرية لمحركات البحث في تحديد موضوع الصفحة. وبقية المستويات تنزل تدريجيًا بـ h2 وما بعده.
Qما الفرق بين h1 و title؟
A<title> في head، ويظهر في تبويب المتصفح وفي عنوان نتائج البحث ولا يُرى في متن الصفحة؛ بينما <h1> في body وهو العنوان الرئيس المرئي للصفحة. قد يقترب محتواهما لكن وظيفتهما مختلفة: title موجَّه للنقرة في نتائج البحث وh1 موجَّه للقارئ.
Qهل يمكن وضع شعار الصورة داخل h1؟
Aنعم، وممارسة شائعة في الصفحة الرئيس: <h1><img src='logo.png' alt='اسم الموقع'></h1> مع توفير النص عبر alt. وفي الصفحات الداخلية يُنصح بوضع عنوان الصفحة نفسها في h1 وتخفيض الشعار إلى رابط عادي أو وضعه في header.

📚 دروس ذات صلة

Web-Tutorial.com

فريق Web-Tutorial التقني

منصة دروس برمجية يديرها عدة مطورين. كل درس يتم كتابته ومراجعته بواسطة مطورين متخصصين في المجال. نعمل على ضمان دقة وموثوقية المحتوى — إذا لاحظت أي مشكلة، فيرجى إخبارنا.

100%