العنصر <wbr>
يُعرِّف العنصر <wbr> نقطةً لقسم السطر عند الحاجة، حيث يرمز اسم هذا العنصر إلى Word Break Opportunity، أي يُسمَح للمتصفح أن يقسم السطر عند هذا الموضع على الرغم من أنَّ قواعد قسم السطر لا تسمح بإنشاء سطر جديد في ذاك الموضع.
مثال عن رابط URL طويل جدًا:
<p>http://this.is.a.really.long.example.com/With/deeper/level/pages/deeper/level/pages/deeper/level/pages/deeper/level/pages/deeper/level/pages</p>
لن يتسع الرابط السابق في عرض الشاشة، ولن يقوم المتصفح بتقسيمه إلى أقسام.
ينصح دليل التنسيق في Yahoo بتقسيم الروابط الطويلة قبل علامات الترقيم (مثل الخط المائل) لتفادي ترك علاك الترقيم في نهاية السطر مما قد يوهم القارئ خطأً أنَّ رابط URL قد انتهى.
يمكن استخدام العنصر <wbr> مع الرابط السابق لتقسيمه إلى عدِّة أسطر سهلة القراءة، دون الحاجة إلى التمرير إلى اليمين أو اليسار في نافذة المتصفح:
<p>http://this<wbr>.is<wbr>.a<wbr>.really<wbr>.long<wbr>.example<wbr>.com/With<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages</p>
بطاقة العنصر
| تصنيفات المحتوى | عنصر تنظيمي أو عنصر عادي. |
|---|---|
| المحتوى المسموح | لا يوجد. |
| الوسم المختصر | هذا العنصر فارغ، أي يجب أن يحتوي على وسم بداية، لكن لا يجوز وضع وسم نهاية. |
| العناصر الأب | أي عنصر يقبل المحتوى العادي. |
| واجهة DOM | HTMLElement
|
دعم المتصفحات
| Chrome | Firefox | Edge | Safari | Opera |
|---|---|---|---|---|
| مدعوم | مدعوم | مدعوم | مدعوم | مدعوم |
الخاصيات
يمكن استخدام الخاصيات العامة في هذا العنصر.
ملاحظات
لسببٍ ما، لا يُظهِر العنصر <wbr> شرطة hyphen في نهاية السطر، ولجعلها تظهر يمكنك استخدام محرف soft hyphen بوضع ­ .
أوّل مرة ظهر فيها هذا العنصر كانت في متصفح Internet Explorer 5.5، ثم أُضيف رسميًا إلى HTML5.
مصادر ومواصفات
- معيار HTML Living Standard.
- مواصفة HTML5.