HTML5 Hgroup元素



什么是hgroup元素


hgroup元素是将标题和他的子标题进行分组的元素。hgroup元素一般会把h1-h6的元素进行分组,比如在一个内容区块的标题和他的子标题算是一组。通常情况下,文章只有一个主标题时,是不需要hgroup元素的。



hgroup元素的用法


下面我们就在开发环境中进行详细的演示:


<article>

<header>

<h1>文章标题</h1>

<p><time datetiem=”2014-10-08”>2014年10月8日</time></p>

</header>

<p>文章正文</p>

</article>


演示效果如下:


HTML5-1.png 


如果我们的文章有主标题、并且主标题下面有子标题,那么就需要hgroup元素。


<article>

<header>

<hgroup>

<h1>文章主标题</h1>

<h2>文章子标题</h2>

</hgroup>

<p><time datetime=”2014-10-08”>2014年10月08日</time></p>

</header>

<p>文章正文</p>

</article>


HTML5-2.png 


当我们的同一个区块下面的标题,有主标题和子标题的时候,我们就需要hgroup元素进行包裹。



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

logo
© 2012-2016 www.maiziedu.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

有一位课程导师想与你聊聊

客服热线 400-862-8862

回到顶部