在html 5中，“hgroup”元素用于组合标题元素。“”标签元素用于对网页或区段（section）的标题进行组合。当标题有多个层级（副标题）时，hgroup元素可用来对一系列“-”元素进行分组。
本教程操作环境：windows7系统、HTML5版、Dell G3电脑。
在html 5中，“hgroup”元素用于组合标题元素。
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<hgroup>
<h1>欢迎来到php中文网！</h1>
<h2>免费php在线学习平台</h2>
</hgroup>
<p>php中文网提供大量免费、原创、高清的php视频教程。。。。。</p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/xiazai/code/5836" title="Gridster.js多列网格式拖动布局插件"><img
src="https://img.php.cn/upload/webcode/000/120/096/5d885b89678f3930.jpg" alt="Gridster.js多列网格式拖动布局插件" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/xiazai/code/5836" title="Gridster.js多列网格式拖动布局插件">Gridster.js多列网格式拖动布局插件</a>
<p>网页中拖动 DIV 是很常见的操作，今天就分享给大家一个 jQuery 多列网格拖动布局插件，和其它的插件不太一样的地方在于你处理拖放的元素支持不同大小，并且支持多列的网格布局，它们会自动的根据位置自己排序和调整。非常适合你开发具有创意的应用。这个插件可以帮助你将任何的 HTML 元素转换为网格组件</p>
</div>
<a href="/xiazai/code/5836" title="Gridster.js多列网格式拖动布局插件" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p>
</body>
</html>说明：
标签被用来对标题元素进行分组。
当标题有多个层级（副标题）时， 元素被用来对一系列 -
元素进行分组。
推荐教程：《html视频教程》
