الفرق بين المراجعتين لصفحة: «HTML/wbr»
ط تغيير ترتيب التصنيفات |
طلا ملخص تعديل |
||
| (2 مراجعات متوسطة بواسطة نفس المستخدم غير معروضة) | |||
| سطر 14: | سطر 14: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
== بطاقة العنصر == | |||
{| class="wikitable" style="width: 100%;" | {| class="wikitable" style="width: 100%;" | ||
|- | |- | ||
| سطر 55: | سطر 56: | ||
*معيار [https://html.spec.whatwg.org/multipage/semantics.html#the-wbr-element HTML Living Standard]. | *معيار [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]. | *مواصفة [http://www.w3.org/TR/html5/text-level-semantics.html#the-wbr-element HTML5]. | ||
[[تصنيف:HTML]] | [[تصنيف:HTML|{{SUBPAGENAME}}]] | ||
[[تصنيف:HTML Elements]] | [[تصنيف:HTML Elements|{{SUBPAGENAME}}]] | ||
[[تصنيف:Inline text semantics]] | [[تصنيف:HTML Inline text semantics|{{SUBPAGENAME}}]] | ||
المراجعة الحالية بتاريخ 13:53، 19 فبراير 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.