html 标题 h1-h6
h：headline，标题。
html共6级标题，用于设置不同层级的标题。h1是1级标题…h6是第6级标题。
1 语法
<h1>标题内容</h1>
h2、h3、h4、h5、h6同理。
2 示例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>标签h 例子 | 关关教程</title>
</head>
<body>
普通文本 关关教程
<h1>标题1 关关教程</h1>
<h2>标题2 关关教程</h2>
<h3>标题3 关关教程</h3>
<h4>标题4 关关教程</h4>
<h5>标题5 关关教程</h5>
<h6>标题6 关关教程</h6>
</body>
</html>
3 默认样式
1）字体更大
2）字体有加粗
3）有换行
4）与上下行文字的距离较大
4 默认样式值
| 标签 | 字体大小(默认) | 上下外边距(默认) |
|---|---|---|
| 普通文本 | 14px | |
| h1 | 36px | 21.44px |
| h2 | 24px | 19.92px |
| h3 | 18.72px | 18.720 |
| h4 | 16px | 21.280 |
| h5 | 13.28px | 22.178 |
| h6 | 12px | 24.978 |
不同浏览器与环境可能会有变化。
5 逻辑意义
同语文的标题。
标题标签里的内容代表这个页面的主题。
通常，一个页面主题只有一个，所以对应只有一个h1标签。
主题可以分为多个二级主题，则可以有多个h2标签。
6 常见问题
问题1：我的网页结尾有一段文本，需要36px、加粗、换行，使用h1标签，好不好？
答：不好。
不要因为一段文字的显示效果与h1一致，就设置为h1标签；
必须其内容本身是整个网页的核心主题，才设置为h1。h1通常显示在网页正文的开头。
这就是HTML标签的语义化，我们编码时尽量按照标签本身的逻辑进行使用，而不只是关注样式。