hgroup元素
2016-04-22 08:49
288 查看
<hgroup>标签用于对网页或区段(section)的标题进行组合。hgroup元素通常会将h1-h6元素进行分组,譬如将一个内容区块的标题及其子标题分为一组。
具体代码如下:
1、如果文章只有一个主标题,是不需要hgroup元素的。
效果图
![](http://img.blog.csdn.net/20160422084556248?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
2、如果文章有主标题和子标题,就需要用hgroup元素。
效果图
具体代码如下:
1、如果文章只有一个主标题,是不需要hgroup元素的。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <article> <header> <h1>文章标题</h1> <p><time pubdate="true">2016年4月22日</time></p> </header> <p>文章正文内容</p> </article> </body> </html>
效果图
2、如果文章有主标题和子标题,就需要用hgroup元素。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <article> <header> <hgroup> <h1>文章主标题</h1> <h2>文章子标题</h2> </hgroup> <p><time pubdate="true">2016年4月22日</time></p> </header> <p>文章正文内容</p> </article> </body>
效果图
相关文章推荐
- Jsoup抓取数据实现为一个网站做第三方Android客户端
- Android Studio导入.so库文件方法
- 项目中的一些函数总结
- CSS快速入门例子
- 古典加密方法(三)转轮机
- 关于微信支付
- 基于UITextView的UITextField功能效果(有占位符功能)
- MAC OS下OpenSSL生成私钥和公钥以及RSA加密
- 【Light】[1048]Conquering Keokradong
- 详解Java程序读取properties配置文件的方法
- leetcode 5. Longest Palindromic Substring
- 细说C#多线程那些事 - 线程同步和多线程优先级
- 【CodeForces】554A - Kyoya and Photobooks(思维)
- java 带滚动条的多行文本输入
- yii2分页
- iOS中如何在欢迎界面中动态加载广告
- Apache + Tomcat + jk配置负载均衡以及虚拟主机 实现多域名、多用户同时使用
- 实验6 在应用程序中播放音频和视频
- Android课程---远程服务器存储
- 数据结构与算法--查找与排序(二)