div和span元素没有特定的语义,都是用来帮助页面排版的块元素。
div&&span标签
div:块级元素,可定义文档中的分区或分节,用来为HTML文档内大块的内容提供结构和背景。通过在页面中放置多个div并定义好位置及大小等属性,可以达到给网页布局的效果。
特点:独占一行。
span:行内元素,主要使用场合是与css一同使用,为部分文本设置样式属性。
特点:可一行多个同时显示。
基本语法格式:
<div> 文本 </div> <span>文本</span>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>doument</title>
</head>
<body>
<div>我是div</div>
<div>我是div</div>
<span>我是span</span>
<span>我是span</span>
<span>我是span</span>
</body>
</html>
注意:
- div会单独占领一行,span不会。
- div是一个容器级的标签,而span是一个文本级的标签。
容器级的标签和文本级的标签的区别?
容器级的标签可以嵌套其它所有的标签,文本的标签只能嵌套文字/超链接/图片。