章节标签和内容标签
阮一峰老师的 HTML 教程
本文属于笔记性质，内容大部分出于上述教程，但会对内容进行组织，精简。
范围：五、六、七章节。
HTML5 标签
标签的意义在于只需要阅读 HTML 源码就能了解网页的大致结构。
HTML 标签的名称都带有语义化（semantic），所以在使用时尽量选择符合语义的标签。
语义良好的标签，不仅对开发者友好，又对计算机友好。
页眉 文章标题
文章内容
HTML5 标签列表：目前大约有 110 个标签。
记住所有的标签是不现实的，因此应该优先学习其中一些比较重要的标签和标签上面的属性。
本文记录一些常用的一些标签，其余一小部分标签会合为一篇或多篇，至于剩余部分的不重要的标签，则不记录。
标签的默认样式
浏览器会给标签设置一套默认样式，这样的话，没有 CSS， 浏览器渲染出的文本内容也能够正常的显示，而且能够区分出内容的重要程度，但是浏览器的默认样式实在是太丑了，而且不同的浏览器的默认样式还不统一，因此为了解决这种情况，出现了两种办法：
- CSS reset： 完全重置，将所有默认样式清除，有很多版本，自行搜索。
- CSS normalize： 使所有浏览器的默认样式统一。
章节标签
章节标签主要是用来表示网页的层次结构，当然这不是严格的进行划分，但大致上是这样一种情况。
常用的章节标签有如下这些：
| 标签名 | 含义 | 标签名 | 含义 |
|---|---|---|---|
header | 头部 | footer | 尾部 |
main | 主体 | aside | 旁支 |
section | 章节 | article | 文章 |
nav | 导航 | hgroup | 标题包含块 |
p | 段落 | h1-h6 | 标题 |
div | 划分块（无语义） |
header
既可以表示整个网页的头部，也可以表示一篇文章或者一个区块的头部。
一个页面可以有多个 header，但它们属于不同的场景中，也即一个具体的场景内只能包含一个，如网页的页眉就只能有一个。
注意： header 标签内不能嵌套另一个 header 或者 footer，但是并不强制。
<bod本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！