《HTML5开发手册》——1.4 初学者“菜谱”:使用hgroup元素组合标题-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

《HTML5开发手册》——1.4 初学者“菜谱”:使用hgroup元素组合标题

简介:

本节书摘来自异步社区《HTML5开发手册》一书中的第1章,第1.1节,作者: 【美】Chuck Hudson , 【英】Tom Leadbetter 更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.4 初学者“菜谱”:使用hgroup元素组合标题

使用新的HTML5元素hgroup,可以为header添加更多信息。

这个元素用来对多个相关联的h1~h6标题进行分组。如果你的网站有副标题,可以使用代码1.3所示的元素,这将生成图1.4所示的布局。虽然hgroup是一个有效的分组选项,但是它主要是用来告知文档大纲(后面将讨论)哪个标题是最重要的。在代码1.3中,文档大纲只会包括最顶层的标题,在本例中是h1。


e822b601a167b88f450f63175b897bf4370258dd

代码1.3 除h1之外,不包含其他所有标题


321e67eaece04136885401c554ab34c0f575a305

在代码1.3中,h2标题是与h1内容相关的,所以这里可以使用hgroup。如果只有一个h1-6的标题,就没有必要使用hgroup了。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享: