黑马程序员技术交流社区
标题: 技术贴 [打印本页]
作者: 后轻 时间: 2019-3-18 19:40
标题: 技术贴
本帖最后由 后轻 于 2019-3-18 19:45 编辑
浅谈BR标签
HTML 标签元素中<br>应用得场景并不多,我们是否真正了解<br> 元素的语义,其正确使用场景,是否可以用 CSS 来改变其样式?让我们慢慢剖析<br> 元素,揭开它被忽视的面纱,一睹其神秘的容颜。
br 的语义
看看 W3C 对 <br> 的定义。
由上可知: <br>元素表示换行,它必须只能被使用作换行,实际上常用于是诗、地址的一部分。
再来看 MDN 上的定义:
意思基本一致: <br>元素(或 HTML 换行符元素)在文本中产生一个折行(回车)。对于写诗和地址,非常有用,行与行的划分变得明显。不要使用 <br> 来增加行与行之间的间隙,将它们包装在<p>元素中并使用CSS margin属性来控制它们的大小。
另值得说明的是,[backcolor=rgba(27, 31, 35, 0.05)]<br>是个空元素,到底要不要闭合呢?
答案是不需要。
<br> 的使用场景
正确使用场景从上述<br>的定义中, 我们可知 <br> 元素的使用场景很明显,只适合在文本中折行,且这个折行的目的是为了文本本身的需要。例如:
<p>
鹅鹅鹅,
<br>
曲项向天歌。
<br>
白毛浮绿水,
<br>
红掌拨清波。
</p>
错误使用场景一:用来增加文本行之间的间隙用来增加文本之间的间隙并不是它的应有用途。
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |