HTML 标题

在 HTML 文档中，标题很重要，它体现的是文档的层级，帮助读者了解文章结构

HTML 标题

标题（Heading）是通过 <h1> - <h6> 标签进行定义的。

<h1> 定义最大的标题。 <h6> 定义最小的标题。例如：

<h1>这是一个标题。</h1>
<h2>这是一个标题。</h2>
<h3>这是一个标题。</h3>

效果

这是一个标题。

这是一个标题。

这是一个标题。

冷知识: 浏览器会自动地在标题的前后添加空行。

---

标题很重要

请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。（尤其是博客，这样会影响文章结构的）

而且搜索引擎使用标题为你的网页的结构和内容编制索引。

同时用户可以通过标题来快速浏览网页，所以用标题来呈现文档结构是很重要的。

应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。

---

HTML 水平线

---

标签在 HTML 页面中创建水平线。

<hr> 元素可用于分隔内容。例如

<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>

效果：

这是一个段落。

---

这是一个段落。

---

这是一个段落。

HTML 注释

可以将注释插入 HTML 代码中，这样可以提高你日后重新编辑的可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。

注释写法如下:

<!-- 这是一个注释 -->

效果（看不到的，你可以按F12打开开发者模式查看源码，我有添加）：

注意: 开始括号之后（左边的括号）需要紧跟一个叹号 ! (英文标点符号，中文的无效啊)，结束括号之前（右边的括号）不需要，合理地使用注释可以对未来的代码编辑工作产生帮助。

---

HTML 提示 - 如何查看源代码

你是否看过一些漂亮网页然后惊叹它是如何实现的。

如果你想找到其中的奥秘，只需要按F12，打开开发者模式源码那查看，同时你还可以在开发者工具的左上角选择页面元素查看。

标签参考手册：/HTMLa.标签参考手册