阿西河

所有教程

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

我的收藏

    最近访问  (文章)

    教程列表

    数据库
    抓包专区
    测试专区

    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 来排列元素。


    属性

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

    全局属性

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


    事件属性

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

    卖前端学习教程

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

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

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

    目录
    目录