• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • <hgroup>

    版本:HTML5

    这是一个实验中的功能此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

    注意:本元素已经从HTML5(W3C)规范中删除,但是它仍旧在WHATWG 的HTML 版本里。大多数浏览器都部分地实现,所以它不太可能消失。但是其轮廓算法(outline algorithm)未在任何浏览器中实现,因此<hgroup>语义仍旧是理论的。HTML5(W3C)规范提供了如何处理副标题,小标题,可选标题和标语(Subheadings, subtitles, alternative titles and taglines)的建议。

    浏览器支持

    IE 9+、Firefox、Opera、Chrome 和 Safari 都支持<hgroup>标签。
    注释:IE 8 或更早版本的 IE 浏览器不支持<hgroup>标签。

    示例

    <hgroup>
      <h1>main title</h1>
      <h2>secondary title</h2>
    </hgroup>
    

    标签定义

    • <hgroup>(HTML Headings Group Element)将文档部分的主标题与任何辅助标题(例如副标题或替代标题)分组,即对连续的<h1>- <h6>元素进行组合。换句话说,<hgroup>元素可以防止任何其次要的<h1>- <h6>子元素在大纲中创建自己的独立章节(如果<h1>- <h6>不是<hgroup>的子元素的话)。
    • 在 HTML 规范中定义的 HTML大纲算法的文本是第一个最高级别的HTML标题元素(即第一个<h1><h2><h3><h4><h5><h6>的文本,其子代中的数目最小)和级别是同一HTML标题元素的排名。因此,该元素将多个标题分组,只对文档的大纲起主要作用。它允许将副标题(如副标题、备选标题,甚至是标语)与主标题相关联,而不会影响文档的大纲
    • <hgroup>整体形成单个逻辑标题,<hgroup>中的整个<h1>- <h6>子集将进入大纲作为一个多级的单位,由此构成抽象大纲中的单一逻辑标题。
    内容分类流式内容元素,标题内容元素,可触摸内容元素
    允许的内容一个或者多个<h1>,<h2>,<h3>,<h4>,<h5>,<h6>.
    标签省略不允许,开始标签和结束标签都不能省略。
    允许的父元素任何接收流内容的元素。
    DOM 接口HTMLElement

    HTML 4.01 与 HTML 5 之间的差异

    <hgroup>标签是 HTML 5 的新标签。

    属性

    此元素只有全局属性。

    全局属性

    <hgroup>标签支持HTML 的全局属性。

    事件属性

    <hgroup>标签支持HTML 的事件属性。

    例子

    <!DOCTYPE html>
    <title>HTML Standard</title>
    <body>
      <hgroup id="document-title">
        <h1>HTML</h1>
        <h2>Living Standard — Last Updated 12 August 2016</h2>
      </hgroup>
      <p>Some intro to the document.</p>
      <h2>Table of contents</h2>
      <ol id=toc>...</ol>
      <h2>First section</h2>
      <p>Some intro to the first section.</p>
    </body>
    

    上篇:<footer>

    下篇:<nav>