语义化标签优点:代码结构更加清晰,移动设备能完美展现,便于搜索。
块元素
section元素 表示页面中的一个区块
<section></section>
article元素 文章内容
<article></article>
aside元素 侧边栏,辅助信息
<aside></aside>
header元素 页面头部
<header></header>
footer元素 页面底部
<footer></footer>
nav元素 页面导航
<nav>
<li></li>
<li></li>
</nav>
figure元素 表示一段独立的流内容,使用figcaption元素为其添加标题
<figure>
<figcaption></figcaption>
</figure>
main 代表页面的表示页面中的主要的内容
<main>一般一个页面只有一个</main>
hgroup标题的一个分组
<hgroup>
<h1></h1>
<h2></h2>
</hgroup>
以下两个相当于span
mark高亮文本(默认带背景颜色黄色,行内元素)
<mark></mark>
time时间
<time></time>