HTML 标题元素

HTML 标题

  • HTML h标签定义为要在网页上显示的标题或副标题。
  • 当您将文本放在标题标签<h1> ….. </ h1>中时,文本在浏览器中以粗体显示,并且文本的大小取决于标题的数量。
  • 从<h1>到<h6>标签定义了六种不同的HTML标题,从最高级别h1(主标题)到最低级别h6(最重要的标题)。
  • h1是最大的标题标签,h6是最小的标题标签。因此,h1用于最重要的标题,h6用于最不重要的标题。

标题很重要

  • 请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体大号的文本而使用标题。
  • 搜索引擎使用标题为您的网页的结构和内容编制索引。
  • 因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。
  • 应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。

示例代码

<h1>标题编号 1</h1>  
<h2>标题编号 2</h2>  
<h3>标题编号 3</h3>  
<h4>标题编号 4</h4>  
<h5>标题编号 5</h5>  
<h6>标题编号 6</h6>  

效果展示:

标题编号 1

标题编号 2

标题编号 3

标题编号 4

标题编号 5
标题编号 6

亲自试试

注释: 浏览器会自动地在标题的前后添加空行。


HTML 水平线

<hr> 标签在 HTML 页面中创建水平线。hr 元素可用于分隔内容。

示例代码

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

效果展示:

这是一个段落。


这是一个段落。


这是一个段落。

亲自试试


HTML 注释

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

注释写法如下:

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

效果展示:

亲自试试

注释: 开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要,合理地使用注释可以对未来的代码编辑工作产生帮助。


相关