<hr>: عنصر HR
آخر تحديث: 2026-10-13
<hr>عنصر HR
عنصر <hr> (فاصل أفقي) يمثل فاصلًا موضوعيًا، يُعرض كخط أفقي افتراضيًا. في HTML5 يشير إلى انتقال الموضوع، ويُستخدم غالبًا لفصل الفقرات بصريًا. وهو عنصر فارغ.
| الفئة | محتوى النص |
|---|---|
| نموذج المحتوى | لا شيء (عنصر فارغ) |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | ذاتي الإغلاق — لا حاجة لوسم إغلاق |
| الحالة | قياسي |
📝 البنية
الفقرة الأولى<hr>الفقرة الثانية▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <hr> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
❓ الأسئلة الشائعة
Qهل hr مجرد رسم خط؟
Aليس فقط. دلالة
<hr> هي «انتقال موضوعي» — تبديل مشهد في القصة أو فاصل بين مقاطع النقاش. ويُرسم بصريًا خطًا أفقيًا افتراضيًا، لكن الخط الفاصل الزخرفي الخالص بلا مطلب دلالي يجب أن يُنجز بـ border في CSS.Qهل hr عنصر فارغ؟ وهل يمكن تنسيقه؟
Aنعم عنصر فارغ بلا وسم إغلاق ولا يحتوي محتوى. وتنسيقه قابل للتخصيص كليًا:
hr { border: none; border-top: 1px solid #ddd; } طريقة التصفير الشائعة، ويمكن التحكم بالعرض والتدرج وغيرها.Qهل يجب استخدام hr و section معًا؟
Aلا داعي لإعادة التعبير. فمع
<section> (تجميع موضوعي بعنوان) لا تضيف <hr> — فالبنية نفسها هي الفاصل. وhr يناسب الانتقالات الموضوعية الفضفاضة بلا عناوين؛ وهما أداتان بجرّين مختلفين.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
📚 دروس ذات صلة
