这两个东西可以说是构造页面结构的建筑工,它们分别起到不同的作用。
div负责搭建整个大体结构,建筑体的大致轮廓,钢筋结构==。
span负责搭建细微的部分,对建筑体内部进行小范围的修葺,房子划分==。
我总结了两个标签的一些相似点与不同点。
一.div与span都是弱语义元素。
它们两个没有明显的语义,不像p,h1那些有明显语义的。
二.div与span都是无特殊样式元素。
为什么这样说呢?是因为规定了它们两个比其他的一些标签都要来的干净。它们可以说是空白,可以完全由css去定义他们的样式。它们都可以模仿很多不同的标签,实现某些样式。
三.div与span都是浏览器通用元素。
正是因为它们的干净纯洁,所以他们在不同的浏览器仲的解析都是一样的,无区别的。
注意点:
div跟span都可以嵌套,但他们嵌套的用途却是不一样的。
div的嵌套是为了页面的搭建,但是尽量不要超过3个嵌套,不然浏览器解析起来会很费时。
span的嵌套是为了改善显示的效果。例如,<span class="blue"><span class="underline">hellow</span></span>。
要注意的是,不是说div跟span因为纯白干净就可以乱套用,只是必要时才用,标题段落还得用回h1,p来表示,因为语义明确。
还有一个要提醒的是,div是块状元素(block),span是内联元素(line),两者可以通过display来改变显示。
Tag标签: css's special div span