HTML 标题是指 HTML 中的 <h1> 到 <h6> 标签,它们用于定义 HTML 文档中的标题。这些标签的级别从 1 到 6,分别表示不同的标题级别,其中 <h1> 表示最高级别,<h6> 表示最低级别。
标题类标签有以下作用——
一是,在 HTML 文档中用于表示标题的层次结构,帮助用户更好地理解文档的结构和内容。
其次呢,搜索引擎会根据标题标签的内容来确定页面的主题和关键词。也就是有助于搜索引擎 SEO 优化,能扩大网站的访问流量。当然,优化工作时优化同事做的事。在需要 网站 SEO 优化的时候会和我们说,我们只负责填充一下元素内容就好了。
接下来,咱们来看看代码吧。
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8" />
- <title>标题标签</title>
- </head>
- <body>
- <h1>这是 h1 标题</h1>
- <h2>这是 h2 标题</h2>
- <h3>这是 h3 标题</h3>
- <h4>这是 h4 标题</h4>
- <h5>这是 h5 标题</h5>
- <h6>这是 h6 标题</h6>
- </body>
- </html>
-
效果如下:
在上面的代码中,我们使用<h1>到<h6>标签创建了 6 个不同级别的标题。当然标题的样子,你后续是可以根据需要修改标题的文本内容和样式的。
我们还可以通过<hr> 单标签来给文档加分割线,使视觉内容更容易理解。
<hr>标签, 是 HTML 中的一个自闭合单标签,用于创建水平线(全称:orizontal Rule),也称为水平分隔线或水平规则线。它通常用于在文档中创建分割线,将内容分隔为不同的部分。
代码如下:
- <h1>这是 h1 标题</h1>
- <h2>这是 h2 标题</h2>
- <h3>这是 h3 标题</h3>
- <hr />
- <h4>这是 h4 标题</h4>
- <hr />
- <h5>这是 h5 标题</h5>
- <h6>这是 h6 标题</h6>
效果如下: