阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      HTML h1 - h6 标签

      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 事件属性

      卖前端学习教程

      只需几十元,就能买到培训班的内部教程!开启高薪之路!

      零基础小白阿里P7的教程都有!

      同时长期收购所有培训班的前端教程

      目录
      目录