HTML h1 - h6 标签

🌙
手机阅读
本文目录结构
axihe

HTML <h1> - <h6> 标签功能

HTML <h1><h6> 标题 (Heading) 元素呈现了六个不同的级别的标题。

<h1> - <h6> 标签被用来定义 HTML 标题。

<h1> 定义重要等级最高的标题。<h6> 定义重要等级最低的标题。

HTML <h1> - <h6> 标签用法

六个不同的 HTML 标题:

<h1>h1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>

下面是演示

https://a.axihe.com/api/html/rrMCKGuHEO.png

使用要点

  • 用户代理可以使用标题信息,例如自动构建文档的目录。
  • 不要为了减小标题的字体而使用低级别的标题, 而是使用 CSS font-size 属性。
  • 避免跳过某级标题:始终要从 <h1> 开始,接下来依次使用 <h2> 等等。
  • 使用 <section> 元素时,为了方便起见,你应该考虑避免在同一个页面上重复使用 <h1><h1> 应被用于表示页面的标题,其他的标题当从 <h2> 开始。在使用 section 时,应当为每个 section 都使用一个 <h2>

错误用法

<h1>Heading level 1</h1>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>

正确用法

<h1>Heading level 1</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>

浏览器支持

所有主流浏览器都支持 <h1> - <h6> 标签。


HTML4 与 HTML5 之间的差异

在 HTML4 中,<h1> - <h6> 的 “align” 属性已被废弃。

在 HTML 5 中,<h1> - <h6> 元素的 “align” 属性不被支持。请使用 CSS 来排列元素。


属性

属性描述
alignleft
center
right
justify
HTML5 不支持。HTML4 已废弃。

全局属性

<h1> - <h6> 标签支持 HTML 全局属性


事件属性

<h1> - <h6> 标签支持 HTML 事件属性


AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

Bilibili(B站)

朱安邦

Anbang