概念
- span 代表英语单词:span(跨度)。在HTML中用作行内元素标签。
- div代表英语单词:division(分割,划分)。在HTML中用作块元素标签。
区别
- div每次都以新行来结束或开始,而span不是。
- div和span都没有任何语义,仅仅用来作为组合其他元素的
容器 - div可以内嵌span但是反过来不行。
例子
<!--修改自coursera-->
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>div and span elements</title>
</head>
<body>
<div>*** 新的一行 ***</div>
<div>*** 新的一行 ***</div>
<span>*** 由于前面的div和后面的div都需要占据一行,所以这是新的一行。 ***</span>
<div>
*** 内嵌了span,所以span跟在后面,不占据一行
<span>*** 跟着前面 ***</span>
还是在一个div里,所以这里还是在同一行 ***
</div>
</body>
</html>