عرض مصدر HTML/wbr

<noinclude>{{DISPLAYTITLE:العنصر <code>&lt;wbr&gt;</code>}}</noinclude>
يُعرِّف العنصر <code><nowiki><wbr></nowiki></code> نقطةً لقسم السطر عند الحاجة، حيث يرمز اسم هذا العنصر إلى Word Break Opportunity، أي يُسمَح للمتصفح أن يقسم السطر عند هذا الموضع على الرغم من أنَّ قواعد قسم السطر لا تسمح بإنشاء سطر جديد في ذاك الموضع.

مثال عن رابط URL طويل جدًا:
<syntaxhighlight lang="html">
<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>
</syntaxhighlight>لن يتسع الرابط السابق في عرض الشاشة، ولن يقوم المتصفح بتقسيمه إلى أقسام.

ينصح دليل التنسيق في Yahoo [https://web.archive.org/web/20121105171040/http://styleguide.yahoo.com/editing/treat-abbreviations-capitalization-and-titles-consistently/website-names-and-addresses بتقسيم الروابط الطويلة قبل علامات الترقيم] (مثل الخط المائل) لتفادي ترك علاك الترقيم في نهاية السطر مما قد يوهم القارئ خطأً أنَّ رابط URL قد انتهى.

يمكن استخدام العنصر <code><nowiki><wbr></nowiki></code> مع الرابط السابق لتقسيمه إلى عدِّة أسطر سهلة القراءة، دون الحاجة إلى التمرير إلى اليمين أو اليسار في نافذة المتصفح:<syntaxhighlight lang="html">
<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>

</syntaxhighlight>

== بطاقة العنصر ==
{| class="wikitable" style="width: 100%;"
|-
! scope="row" style="width: 20%;" | تصنيفات المحتوى
| عنصر تنظيمي أو عنصر عادي.
|-
! scope="row" | المحتوى المسموح
| لا يوجد.
|-
! scope="row" | الوسم المختصر
| هذا العنصر فارغ، أي يجب أن يحتوي على وسم بداية، لكن لا يجوز وضع وسم نهاية.
|-
! scope="row" | العناصر الأب
| أي عنصر يقبل المحتوى العادي.
|-
! scope="row" | واجهة DOM
| <code>HTMLElement</code>
|}
== دعم المتصفحات ==
{| class="wikitable" style="width: 50%;"
 !| Chrome
 ! Firefox
 ! Edge
 ! Safari
 ! Opera
|-
|مدعوم
|مدعوم
|مدعوم
|مدعوم
|مدعوم
|}
== الخاصيات ==
يمكن استخدام [[HTML/Global Attributes|الخاصيات العامة]] في هذا العنصر.

== ملاحظات ==
لسببٍ ما، لا يُظهِر العنصر <code><nowiki><wbr></nowiki></code> شرطة hyphen في نهاية السطر، ولجعلها تظهر يمكنك استخدام محرف soft hyphen بوضع ‎<code>&shy;</code>‎ .

أوّل مرة ظهر فيها هذا العنصر كانت في متصفح Internet Explorer 5.5، ثم أُضيف رسميًا إلى HTML5.
==مصادر ومواصفات==
*معيار [https://html.spec.whatwg.org/multipage/semantics.html#the-wbr-element HTML Living Standard].
*مواصفة [http://www.w3.org/TR/html5/text-level-semantics.html#the-wbr-element HTML5].
[[تصنيف:HTML|{{SUBPAGENAME}}]]
[[تصنيف:HTML Elements|{{SUBPAGENAME}}]]
[[تصنيف:HTML Inline text semantics|{{SUBPAGENAME}}]]