《HTML5开发手册》——1.4 初学者“菜谱”:使用hgroup元素组合标题
2023-09-11 14:17:45 时间
本节书摘来自异步社区《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](https://yqfile.alicdn.com/e822b601a167b88f450f63175b897bf4370258dd.png)
代码1.3 除h1之外,不包含其他所有标题
![321e67eaece04136885401c554ab34c0f575a305](https://yqfile.alicdn.com/321e67eaece04136885401c554ab34c0f575a305.png)
在代码1.3中,h2标题是与h1内容相关的,所以这里可以使用hgroup。如果只有一个h1-6的标题,就没有必要使用hgroup了。
异步社区 异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。
相关文章
- 2015 年十佳 HTML5 应用
- html5新特性canvas绘制图像
- HTML5魔法堂:全面理解Drag & Drop API
- 让HTML5来为你定位(转)
- 【HTML5】input类型
- [HTML5]移动平台的HTML5开发框架
- 用HTML5、地理定位API和Web服务来开发移动应用
- [HTML5] Text Alternatives
- 如何上传HTML5应用到SAP云平台的Cloud Foundry环境下
- canvas2image.js将canvas保存为图片(将HTML5画布Canvas的内容保存为本地图片并下载)
- 关于html5与jsp页面同样的html代码展示的页面效果不一样的问题
- SharePoint 2013的HTML5特性之响应式布局
- HTML5分析实战WebSockets基本介绍
- 怎样在Ubuntu手机平台中开发Cordova HTML5应用