本文概述
- < wbr> 和< br> 标签之间的区别
- 如何测试< wbr> 标签
- HTML wbr标签示例
- 支持的浏览器
【HTML wbr标签】没有wbr标签, 很难读一个长单词或句子。没有wbr标记, 单个长字可以换行或根本不换行, 这给页面的布局带来了问题。
没有< wbr> 标记, 用户将不得不向右滚动以阅读完整的长单词或句子。
< wbr> 标记是新标记, 并在HTML 5中引入。
wbr标签不会换行。< wbr> 和< br> 标签之间的区别< br> 标记强制换行, 而< wbr> 标记仅表示换行机会。仅在必要时方便浏览器换行(例如, 在page的末尾)。
如何测试< wbr> 标签要测试HTML wbr标签, 请写很多没有wbr标签的字符, 它将为你启用滚动条。但是, 如果你在wbr标记中写了太多字符, 它将不会启用滚动条, 但会折行。
HTML wbr标签示例
<
p>
This is a world record for the largest word, a 45-letter word appears in a major dictionary
<
i>
pneumonoultramicroscopicsilicovolcanoconiosis<
/i>
<
/p>
<
p>
Here's what it looks like without using the <
code>
wbr<
/code>
tag...<
br/>
<
i>
pneumonoultramicroscopicsilicovolcanoconiosis <
/i>
<
/p>
<
p>
It will look like this after using wbr tag. <
/p>
<
i>
pneu<
wbr>
monoultra<
wbr>
microsc<
wbr>
opicsili<
wbr>
covolcan<
wbr>
iosis<
/i>
立即测试
输出:
这是世界上最大单词的世界纪录, 主要字典中出现一个45个字母的单词
这是不使用wbr标签的情况。
使用wbr标签后, 它将看起来像这样。
肺
单超
微电脑
视光
covolcan
病
< wbr> 标记在HTML 5中支持全局和事件属性。
支持的浏览器
Element | Chrome | IE | Firefox | Opera | Safari |
< wbr> | Yes | Yes | Yes | Yes | Yes |
推荐阅读
- HTML Web存储
- HTML视频标签
- HTML var标记
- HTML URL编码
- HTML无序列表| HTML项目符号列表
- HTML u标记
- HTML教程介绍
- HTML tt标记(HTML5不支持)
- HTML track标签