الفرق بين المراجعتين لصفحة: «HTML/wbr»
ط استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}' |
ط استبدال النص - ':(Content sectioning|Edits|Embedded content|Forms|Inline text semantics|Input Types|Interactive elements|Main Root|Metadata|Multimedia|Scripting|Table|Text Content)' ب':HTML $1' |
||
سطر 57: | سطر 57: | ||
[[تصنيف:HTML|{{SUBPAGENAME}}]] | [[تصنيف:HTML|{{SUBPAGENAME}}]] | ||
[[تصنيف:HTML Elements|{{SUBPAGENAME}}]] | [[تصنيف:HTML Elements|{{SUBPAGENAME}}]] | ||
[[تصنيف:Inline text semantics|{{SUBPAGENAME}}]] | [[تصنيف:HTML Inline text semantics|{{SUBPAGENAME}}]] |
مراجعة 15:42، 28 يناير 2018
يُعرِّف العنصر <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.