HTML 标题


在 HTML 文档中,搜索引擎使用标题为您的网页的结构和内容编制索引,用户可以通过标题来快速浏览您的网页,所以标题很重要。


HTML 标题

标题(Heading)是通过 <h1> - <h6> 标签进行定义的.

<h1> 定义了最大的标题。 <h6> 定义了最小的标题。其余的<h2>,<h3>,<h4>,<h5>依次类推

实例

<h1>这是我的一个 HTML 网页标题</h1>
<h2>这是我的一个 HTML 网页标题</h2>
<h3>这是我的一个 HTML 网页标题</h3>

尝试一下 »

注释:浏览器会自动地在标题的前后添加空行,效果如同自动换行。

注释:默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。


标题很重要

既然标题很重要,请将 HTML 标题标签只用于标题。最好不是为了生成粗体大号的文本而使用标题。

搜索引擎会使用你的标题为您的网页的结构和内容建立索引,对于SEO很重要。

用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构显得师傅重要。

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


HTML 水平线

<hr> 标签用于在 HTML 页面中创建水平线。

hr 元素可用于分隔内容。

实例

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

尝试一下 »


HTML 注释

将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。

注释写法如下:

实例

<!-- 这是一个标准的HTML注释,注释不会在浏览器中显示 -->

尝试一下 »

注释: 开始括号(左边的<)之后需要紧跟一个叹号,结束括号(右边的>)之前不需要,合理地使用注释可以提高代码编辑的效率及HTML代码的可读性。


HTML 提示 - 如何查看源代码

当您看过一些漂亮的网页,很是喜欢,一定想知道它是如何实现的。

如果您想知道其中的奥秘,只需要单击右键,然后选择"查看源文件"(IE)或"查看页面源代码"(Firefox),其他浏览器的做法也是类似的。这样您就会打开包含页面 HTML 代码的窗口,你就能找到奥秘。


Examples

本站实例

标题
如何在 HTML 文档中显示标题。

水平线
如何插入水平线。

隐藏注释
如何在 HTML 源代码中插入注释。


HTML 标签参考手册

W3CSchool 的标签参考手册提供了更多有关这些标题及其属性的信息。

您将在本教程下面的章节中学到更多有关 HTML 标签和属性的知识。

点击下表中的标签,你可以看到此标签的详细介绍及更多标签的参考手册。

标签 描述
<html> 定义 HTML 文档
<body> 定义文档的主体
<h1> - <h6> 定义 HTML 标题
<hr> 定义水平线
<!--...--> 定义注释