<div> <p> <span>的用法和区别

 

<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。

更重要的意义是在网页的动态实现过程中,对划分的区域统一处理,例如换背景色、字体等。

<div> 是一个块级元素。它的内容自动地开始一个新行。实际上,换行是 <div> 唯一格式上的表现。

<br>就是一个纯粹的换行,通常可以写作<br/>

<p>代表一个段落,对于在<p>与</p>之间的内容,当作一个段落统一处理同样具有格式上的换行效果。通常用于文章分段。

选用这三个标签时,可以按写文章的方式考虑,如果你在考虑文章的整体构架,就先<div>;写各其中一个小节的每段时,就<p>;如果一段内容中有部分内容需要另起一行(换行的内容与前一行内容仍属于一段),就<br>。

<span>是一个行内标签,用来组合行内的多个元素。

div与span区别

div占用的位置是一行。
span占用的是内容有多宽就占用多宽的空间距离。

<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。

更重要的意义是在网页的动态实现过程中,对划分的区域统一处理,例如换背景色、字体等。

<div> 是一个块级元素。它的内容自动地开始一个新行。实际上,换行是 <div> 唯一格式上的表现。

<br>就是一个纯粹的换行,通常可以写作<br/>

<p>代表一个段落,对于在<p>与</p>之间的内容,当作一个段落统一处理同样具有格式上的换行效果。通常用于文章分段。

选用这三个标签时,可以按写文章的方式考虑,如果你在考虑文章的整体构架,就先<div>;写各其中一个小节的每段时,就<p>;如果一段内容中有部分内容需要另起一行(换行的内容与前一行内容仍属于一段),就<br>。

<span>是一个行内标签,用来组合行内的多个元素。

div与span区别

div占用的位置是一行。
span占用的是内容有多宽就占用多宽的空间距离。

猜你喜欢

转载自www.cnblogs.com/iOS-mt/p/11078646.html