DIV_P_SPAN等html标签的用法和区别

<div> </div> 盒子模型 用来做结构的，一般用它来布局 。

<p> </p> 中间不可以放div标签，可以但不限于放文字，这个用起来有段落,p标签，可设置宽高的文字区块。

<span></span> 这个用起来不会分段、换行，方便添加样式。

————————————————

<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。更重要的意义是在网页的动态实现过程中，对划分的区域统一处理，例如换背景色、字体等。<div> 是一个块级元素。它的内容自动地开始一个新行。实际上，换行是 <div> 唯一格式上的表现。

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

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

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

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

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

————————————————

版权声明：本文为CSDN博主「前端大神」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/weixin_39713762/article/details/93553810