العنصر <hr>

من موسوعة حسوب
مراجعة 08:52، 27 يناير 2018 بواسطة عبد اللطيف ايمش (نقاش | مساهمات) (تغيير ترتيب التصنيفات)

العنصر <hr> يُمثِّل فاصلًا موضوعيًا بين الفقرات (مثلًا: تغيّر المشهد في قصة ما، أو تبدّل الموضوع بإنشاء قسم جديد).

كان يُعرَض هذا العنصر في الإصدارات السابقة من HTML على شكل خط أفقي، وصحيحٌ أنَّه ما يزال يعرَض كذلك في المتصفحات، لكن أصبح له معنى هيكلي، بدلًا من كونه عنصرًا شكليًا فقط.

يحتوي هذا المثال على فقرتين (العنصر <p>) يفصل بينهما العنصر <hr> الذي يُمثَّل بخطٍ أفقي:

<p>
  This is the first paragraph of text.
  This is the first paragraph of text.
  This is the first paragraph of text.
  This is the first paragraph of text.
</p>

<hr>

<p>
  This is the second paragraph of text.
  This is the second paragraph of text.
  This is the second paragraph of text.
  This is the second paragraph of text.
</p>
تصنيفات المحتوى محتوى تنظيمي.
المحتوى المسموح لا يوجد، لأنه عنصر فارغ.
الوسم المختصر يجب أن يملك وسم بداية، ولا يجب أن يملك وسم نهاية.
العناصر الأب أي عنصر يقبل المحتوى التنظيمي.
واجهة DOM HTMLHRElement

دعم المتصفحات

Chrome Firefox Edge Safari Opera
مدعوم مدعوم مدعوم مدعوم مدعوم

الخاصيات

يمكن استخدام الخاصيات العامة في هذا العنصر.

هنالك خاصيات كانت تستعمل في الإصدارات السابقة لكنها أصبحت غير مدعومة في HTML5 مثل:

  • align: ضبط محاذاة الخط الأفقي في الصفحة، والقيمة الافتراضية هي left.
  • size: ضبط ارتفاع الخط الأفقي بالبكسلات.
  • width: ضبط طول الخط الأفقي بالبكسلات أو كنسبة مئوية.

لا يستحسن أن تستعمل الخاصيات السابقة في الصفحات الحديثة لأنها أصبحت مهملة، وذكرناها هنا لغرض العلم بها.

مصادر ومواصفات

  • معيار HTML Living Standard، عرِّفت هذه المواصفة وظيفة العنصر <hr>.
  • مواصفة HTML5.
  • مواصفة HTML 4.01، أهملت هذه المواصفة الخاصيات align و size و noshade و width.