p div span 标签的区别 对HTMl基础进一步理解

也许在我们刚开始学Html基础时,也许老师讲过这之间的区别,但现在我似乎有些忘记了这样的基础比较,对基础的概念反而

有些模糊了,天天写的程序却模糊了其中的真正内涵, 平时写时也常用 p div这样的块级标签,也用span的内联元素,

写的时候常常是随心所欲,大不了再用 style  一下就可以了,一样实现效果!

事实上,如果我们真正了解这些标签,我们的程序将事半功倍, 对搜索引擎也很友好 !

span和div的不同之处在于span是内联的,用在一小块的内联HTML中,前后不断行.
div(想想division是什么意思)元素是块级的(简单地说,它等同于其前后有断行),用于组合一大块的代码。
p(段落)元素是块级的,前后断行,而且还要再隔一行.相当于断两行.

DIV 和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表(共同点)。
两者最明显的区别在于DIV是块元素,而SPAN是行内元素(也译作内嵌元素)。
详解:
1.所谓块元素,是以另起一行开始渲染的元素,行内元素则不需另起一行,测试一下下面的代码你会有更形象的理解:
测试<span>紧跟前面的"测试"显示</span><div>这里会另起一行显示</div>

2.块元素和行内元素也不是一成不变的,通过定义CSS的display属性值可以互相转化,如:
测试<div style="display:inline">紧跟前面的"测试"显示</div><span style="display:block">这里会另起一行显示

原文地址:https://www.cnblogs.com/zhwl/p/2088615.html