本文介绍了div和span标签的基本用途和区别，以及HTML5中新增的语义化结构标签如header、main、footer等在网页布局中的作用。尽管新标签有助于提高可读性和搜索引擎优化，但由于浏览器兼容性问题，div和span仍是主流的选择。
1. div和span标签
都是块标签，没有具体语义，就是用来布局（装内容的）
- div标签独占一行
- span标签默认不带换行，一行可以有多个span
如
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>div and span tag</title>
</head>
<body>
<div>我是div</div>
<div>我是div</div>
<span>我是span</span>
<span>我是span</span>
</body>
</html>
效果如下：
2. HTML5新增的语义化结构标签
header表示网页头部
main表示网页主体
footer表示网页底部
nav表示网页导航
aside表示和主体相关的其他内容
article表示一个独立的文章
section表示一个独立的区块
有了新的语义化结构标签，就可以将网页布局中的各个块区分开，对浏览器来说比较明确。
但这些新标签还并不完善，比如IE只有9以上才支持，所以并不常用，现在还是以div和span为主
1147
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
