HTML语义元素积累
语义元素能清楚地向浏览器和开发者描述其意义。
所有现代浏览器均支持 HTML5 语义元素。许多网站包含了指示导航、页眉以及页脚的 HTML 代码。
HTML5 提供了定义页面不同部分的新语义元素,以下是个人在学习过程中一点积累:
元素 | 新语义 |
---|---|
address | 结构化和分组元素,用于标记联系人信息。 |
main | 结构化和分组元素,声明主内容区 |
header | 结构化和分组元素,可用于引介区或“报头”。 |
nav | 结构化和分组元素,用于包装主导航链接。 |
footer | 结构化和分组元素,可用于页脚或章正文的末尾部分。 |
aside | 结构化和分组元素,用于包装侧边栏、广告和导航元素。 |
section | 结构化和分组元素,定义一个通用的区块。 |
i | 文本级元素,用于斜体或标记出罕用的名字。 |
figure\figcaption | 结构化和分组元素,可用于包含注解、图示、照片、代码,等等。 |
detail\summary | 结构化和分组元素,用于添加一个“展开”/“收起”部件。 |
em | 文本级元素,表示内容中需要强调的部分。 |
article | 结构化和分组元素,用于包含一个独立的内容块。 |
b | 文本级元素,用于加粗或引人注意。 |