English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل مرجعي لـ HTML

مجموعة كاملة من علامات HTML

HTML: <hr> العلامة

تعرف علامة <hr> حاجز الموضوع بين الفقرات في HTML5 وكذلك خط الأفقية في HTML 4.01. وتُسمى هذه العلامة أيضًا عنصر <hr>.

مثال على الإنترنت

استخدام علامة <hr> لتقسيم محتويات تتغير فيها الموضوع:

!doctype html
<html>
<head>
<meta charset="UTF-8">
<title>استخدام علامة hr في HTML5 (موقع دروس أساسيات الكود oldtoolbag.com)</title>
</head>
<body>
<body>
<h1>Heading 1</h1>
<p>This is the first paragraph.</p>
<hr>
<p>This is the second paragraph.</p>
</body>
</html>
اختبار لـ ‹/›

توافق المتصفحات

IEFirefoxOperaChromeSafari

دعم جميع المتصفحات الرئيسية لعلامة <hr>.

تعريف العلامة واستخدامها

تعرف علامة <hr> تغييرات الموضوع في صفحة الويب (مثل انتقال الموضوع) ويُعرض كخط أفقي.

يُستخدم عنصر <hr> لتقسيم محتويات صفحة الويب (أو تعريف تغيير)

يُستخدم علامة <hr> كحاجز موضوعي بين الفقرات في HTML5.

مفاهيم الاختلاف بين HTML 4.01 و HTML5

في HTML5، تعني <hr> تغيير الموضوع في المحتوى وتظهر كخط أفقي.

في HTML 4.01، تظهر علامة <hr> كخط أفقي فقط.

في HTML 4.01، تم التخلي عن جميع خصائص التخطيط. لا تدعم هذه الخصائص في HTML5. استخدم CSS لتعريف النمط لعنصر <hr>.

الفرق بين HTML و XHTML

في HTML، لا تحتاج علامة <hr> إلى تسمية إنهاء.

في XHTML، يجب إغلاق علامة <hr> بشكل صحيح، مثل <hr />.

خصائص

خصائصقيمةوصف
alignleft
center
 right
لا يدعمها HTML5. تم التخلي عن HTML 4.01.    تحديد طريقة التوجيه لـ عنصر <hr>.
noshadenoshadeلا يدعمها HTML5. تم التخلي عن HTML 4.01.    تحديد لون عرض عنصر <hr> كوني.
sizepixelsلا يدعمها HTML5. تم التخلي عن HTML 4.01.    تحديد طول عنصر <hr>.
عرضpixels
 %
لا يدعمها HTML5. تم التخلي عن HTML 4.01.    تحديد عرض عنصر <hr>.

خصائص العالمية

دعم علامة <hr> خصائص العالمية لـ HTML.

خصائص الأحداث

دعم علامة <hr> خصائص الأحداث لـ HTML.