<div>与<span>的区别是什么？

div与span之<div>与<span>的区别是什么？

div css组织html中经常使用<div>与<span>标签，默许这个标签感到不有甚么分辨，加了后字体、笔墨大小、字体色调等样式都不有区别（或者说两者没有被染指默认渲染款式）。那div和span毕竟甚么区别呢？在实践html布局中怎么决议span和div？

1、二者凡是HTML标签

<div>内容</div> 
<span>内容</span>

2、div与span内均可以或许使用class

<div class="names">模式</div> 
<span class="names">模式</span>

3、div与span内均能够使用id

<div id="names">形式</div> 
<span id="names">形式</span>

4、span与div内均大概使用style属性直接写CSS代码

<span style="font-size:20px">模式</span> 
<div style="color:#000">形式</div>

5、span和div标签均可嵌入标签

1、拼写单词一致
<span>标签，有四个字母（s p a n）组成

<div>标签，有三个字母（d i v）形成

2、<div>与<span>默许块花样辨别
div默许具备块（独占一行）属性display:block，默许宽度100%

span默认不具备块（独占一行）属性，所以span默认内容几多自顺应占用几何宽度高度。

div与span默认块样式区别实例截图
div与span默认块名堂判别实例截图

3、div标签与span标签组织时决定分歧
因为网页中结构网页时，有时机关框架，无心组织小局部，而div css经常使用是div标签，div自然作为首要机关标签，主要用于大组织框架，小组织框架时主要决意标签。而span作为小部门小格局处所决议。一般决定不使用span作为框架标签布局。

看看上面框架与小地方属性设置标签应用：

<div id="header"> 
<div class="nav">导航内容</div> 
</div> 

<div class="exp"> 
我是内容<span class="names">我有不合字体成绩</span> 
</div>

span与div区别选择示例

div和span区别使用示例截图
div和span分辨使用示例截图

从上图，当然div的使用不有设置装备摆设CSS技俩，只表现了html模式div标签使用，而span我们浮现了小润色时候决议span运用。颠末以上实例代码要申报人人但凡，通常结构结构咱们采用div标签，小小一部分或小修饰中央我们接纳span标签。

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h52425.shtml