零基础建站培训介绍

当前位置:

HTML5教程之 hgroup 标签元素详解

hgroup元素是将文章的标题与子标题进行分组的元素,它常常将h1-h6进行分组,将同一个区域的标题与子标题使用hgroup元素包起来。

HTML5教程之<br /> <hgroup> 标签元素详解

通常网页中只有一个标题时,是不需要hgroup元素的。

实例:

<hgroup>
  <h1>Main title</h1>
  <h2>Secondary title</h2>
</hgroup>

为什么要使用<hgroup>?

我们用<hgroup>一切源起文档大纲(document outline).
当群组的标题在<hgroup>元素的时候,大纲的算法将会覆盖掉群组中低等级的标题,而将特别高等级的标题作为大纲。下面的就是一个例子:

<header>

 <hgroup>

 <h1><a href="/">Mini Apps</a></h1>

 <h2>Web applications for iPhone, Android & other mobile platforms</h2>

 </hgroup>

</header>

<hgroup>总结:

.如果你只有一个标题元素(h1-h6中的一个),你并不需要<hgroup>.
.当出现一个或者一个以上的标题与元素时,适用<hgroup>来包围他们。
.当你的有一个标题有副标题或者其它的和section或者article有关系的元数据时,将<hgroup>和元数据放到一个单独的<header>元素容器中。

上一课: 下一课:

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 制作手机版网站的时候,除了页面简洁、操作方便等访问者可以看到的地方以外,就是 Meta 标签的设置,合理设置 Meta 标签 对手机版网站的搜索引擎优化
  • HTML5新增标签及含义 (15296 次浏览)
    HTML5较以前的HTML版本,增加了很多的标签:属性值描述autoplayautoplay如果出现该属性,则视频在就绪后马上播放。contr
  • header元素nav元素article元素section元素aside元素<footer> 标签time元素<audio> 标签<canvas> 标签<command> 标签<data
  • Z-Blog 网站搬家教程 图文教程 (15194 次浏览)
    Z-Blog For PHP (以下简称zblog)的迁移相对还是比较简单的,需要修改的也就两个地方,一个是zblog本地的配置文件,另一个则是数据库中的配置文件。
  • 帝国cms网站在本地做好了,或者网站想跟换服务器空间 ,网站该怎么完美的迁移?下面就分享下帝国CMS网站网站搬家迁移教程。 登录帝国后台:登陆后
  • 一、安装前准备工作运行环境: 确认您的空间(虚拟主机)支持“PHP和MySQL数据库”或服务器已经成功安装“PHP和MySQL数据库”。版本要求: PHP4.*以
  • hgroup元素是将文章的标题与子标题进行分组的元素,它常常将h1-h6进行分组,将同一个区域的标题与子标题使用hgroup元素包起来。通常网页中只
  • HTML 文本格式化:使用 pre 标签对空行和空格进行控制。“计算机输出”标签:这些标签常用于显示计算机/编程代码。引用标签:使用 blockquote
  • HTML粗体标签:HTML b 标签b 标签-- 定义粗体文字 不符合标准网页设计的理念,不赞成使用. b标签是成对出现的,以<b>开始,以</b>结束 .
  • HTML换行标签:<BR/>br 是换行(Break)的缩写。文本会在这个标签的地方换行。在HTML代码里直接换行的话,按浏览器的不同可能显示为一个空格,或
  • html元素标签属性大全 (115062 次浏览)
    什么是HTML属性每个HTML元素都可以给它添加一些属性,让它成为我们做网站时需要的样子。例如一段文字,我们可以给它添加属性,使这段文字变成红色,
  • 问题:在HTML中元素分为块状元素和行内元素,块状元素的外边距和内边距我们分别使用margin\padding属性来设置,那么行内元素可以设置margin\paddi
  • Part I 这种选择器的共同特征:指定的样式只有当元素处于某种状态时才起作用,在默认状态下不起作用CSS3中共有11种UI元素状态伪类选择器: