css中br标签为什么是内联元素

html-css012

css中br标签为什么是内联元素,第1张

br 不是内联标签,也不是块,他只是属于HTML中的一个特殊语法。或者换句话来说。br就是一个换行的标记,出了换行你能看到效果以外,其他的什么都看不到。当然,如果他有一部分是满足内联元素的特性的 ,但不能完全说他是内联,因为他啊无法添加display属性,而内联标签可以添加任何属性。

举个例子,你在world文档里面打字,正常情况除非文字横向满了才会自动到下一行,但是有一行内容你只写了一半这段话已经写完了想换一行写,怎么办?你可能会说按回车,没错 是回车,但回车的意义是什么?换行 ,同理html中也一样有些内容可以用br标签换行,可能你会说有其他标签也可以达到换行的啊,没错像块级标签确实可以换行,但是想过没有 直接用<br />换行标签就能解决的是为什么还要加那么标签不麻烦么?比如说一行文字用个p标签方便还是直接加<br />方便?也不是说<br />标签就比其他的好,只是想说一个道理,要实现一个功能方法很多,但html中需要的只是最简洁、最有效的方法,不需要太多冗余的东西在里面

1,<br>可插入一个简单的换行符。

<br>标签是空标签(意味着它没有结束标签,因此这是错误的:<br></br>)。在 XHTML 中,把结束标签放在开始标签中,也就是 <br />。

请注意,<br>标签只是简单地开始新的一行,而当浏览器遇到 <p>标签时,通常会在相邻的段落之间插入一些垂直的间距。

如下这个示例:

<html>

<body>

<p>

测试<br />测试文字<br />这是第三行了

</p>

</body>

</html>

2,<hr>标签在 HTML 页面中创建一条水平线。

水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。

如下这个示例:

<html>

<body>

<p>hr 标签定义水平线:</p>

<hr />

<p>这是段落。</p>

<hr />

<p>这是段落。</p>

<hr />

<p>这是段落。</p>

</body>

</html>