HTML的wbr标签
HTML文本分区标签之wbr标签
介绍
wbr标签为HTML5中的一个文本分区标签,它定义了一个可插入的自动换行符,用于指定在长单词/长字符串换行时的换行标记。“wbr"代表"word break opportunity”。
wbr标签是一个空标签,意思是说它没有结束标记。
语法
wbr标签具有以下语法:
<wbr>
使用方法
wbr标签的使用方法非常简单,只需要在希望换行的地方插入
<p>这是一个超级超级超级超级超级超级超级长的单词,我想在它的后面加一个wbr标签来使它能够自动换行:<br>supercalifragilisticexpialidocious<wbr>。</p>
运行结果如下:
这是一个超级超级超级超级超级超级超级长的单词,我想在它的后面加一个wbr标签来使它能够自动换行:supercalifragilisticexpialidocious。
注意事项
-
wbr标签只在长单词/字符串内部插入才有意义,否则将失去作用。
-
不应在一个单词的中间插入
标签,这样可能会破坏单词的意义,例如: <p>这篇文章是关于马克思<WBR>主义的。</p>
运行结果如下:
这篇文章是关于马克思·主义的。
注意到上例中马克思和主义中的两个单词被分开了,在使用wbr标签时应格外小心。
浏览器支持性
wbr标签在HTML5中引入,主流浏览器都对它有良好的支持。
结语
wbr标签是HTML5中的一个非常方便的标签,可以使得长单词/长字符串在自动换行时保留其意义,增强文本的可读性和美观性。在使用时需要遵循一些注意事项,但总体上非常简单易用。