网站建设新闻

Div与span的区别

2020-04-21 09:44:17 合肥网站建设制作网络公司
Div 标记早在 HTML3.0 时代就已经出现,但那时并不常用,直到 CSS 的出现,才逐渐发挥出它的优势。span 标记直到 HTML 4.0 时才被引入,它是专门针对样式表而设计的标记。Div 简单而言是一个区块容器标记,即<div>与</div>之间相当于一个容器, 该容器可以容纳段落、标题、表格、图片,乃至章节、摘要和备注等各种 HTML 元素。因此,可以把<div>与</div>中的内容视为一个独立的对象,它用于 CSS 的控制。声明时只需要对 Div 进行相应的控制,其中的各标记元素都会因此而改变。
span 是行内元素,span 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用 span。
下面通过一个实例说明 Div 与 span 的区别,代码如下。
在浏览器中浏览效果如图所示。
Div与span的区别
 
Div 与 Span 的区别
两个对象显示模式的不同,实际使用过程中决定了两个对象的不同用途。Div 对象是一个大的块状内容,如一大段文本、一个导航区域、一个页脚区域等显示为块状的内容。作为内联对象的 span,它的用途是对行内元素进行结构编码以方便样式设计,例如在一大段文本中,需要改变其中一段文本的颜色,它可以将这一小部分文本使用 span 对象,并进行样式设计,这将不会改变这一整段文本的显示方式。
 

关于网站建设公司

网站模板超市

网络公司案例

15375431506

网络公司咨询:周一至周日 08:00~21:00