• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • <wbr>

    版本:HTML5

    HTML <wbr>元素—一个文本中的位置,其中浏览器可以选择来换行,虽然它的换行规则可能不会在这里换行。

    浏览器支持

    所有主流浏览器都支持<wbr>标签,除了 Internet Explorer。

    示例

    <p>
    to learn ajax, you must be familiar with the xml<wbr>http<wbr>request object.
    </p>
    

    to learn ajax, you must be familiar with the xml http request object.

    标签定义及使用说明

    • <wbr>(Word Break Opportunity)标签规定在文本中的何处适合添加换行符。
    • 如果单词太长,或者您担心浏览器会在错误的位置换行,那么您可以使用<wbr>元素来添加 Word Break Opportunity(单词换行时机)。

    Notes

    在UTF-8 编码的页面中,<wbr>表现为U+200BZERO-WIDTH SPACE(零宽空格)代码点。特别是,它表现为Unicode bidi BN 代码点,也就是说,它对 bidi-ordering 没有影响:<div dir=rtl>123,<wbr>456</div>展示123,456而不是456,123,当不拆成的两行时候。

    出于相同原因,<wbr>元素不会在换行的地方引入连字符。为了使连字符仅仅在行尾出现,使用连字符软实体(&shy;)来代替。

    这个元素首先在 Internet Explorer 5.5 中实现,并且在 HTML5 中官方定义。

    Content categories流式内容元素,段落内容元素.
    Permitted contentEmpty
    Tag omissionIt is anempty element; it must have a start tag, but must not have an end tag.
    Permitted parents可接受的任何元素段落内容元素.
    Permitted ARIA rolesAny
    DOM接口HTMLElement

    HTML 4.01 与 HTML5之间的差异

    <wbr>标签是 HTML5 中的新标签。

    属性

    这个元素仅仅包含全局属性

    全局属性

    <wbr>标签支持HTML 的全局属性。

    事件属性

    <wbr>标签支持HTML 的事件属性。

    实例

    Yahoo 代码规范推荐在标点之前为URL 换行,以便避免将标点符号留在行尾,这会让读者将 URL 的末尾搞错。

    <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>
    

    上篇:<u>

    下篇:<m>