第10章 hgroup元素

最新推荐文章于 2025-12-05 21:25:13 发布

最新推荐文章于 2025-12-05 21:25:13 发布 · 126 阅读

文章标签：

#html5 #css3

阅-H52 专栏收录该内容

35 篇文章

订阅专栏

本文展示了一个使用HTML进行文章布局的例子，包括不同级别的标题、日期显示及正文部分。通过此示例可以了解如何利用HTML标签来组织文章结构。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<article>
	<header>
    	<h1>文章标题</h1>
        <p><time datetime="2015-11-28">2015年11月28日</time></p>
    </header>
    <p>文章正文</p>
</article>
<article>
	<header>
    	<hgroup>
        	<h1>文章主标题</h1>
            <h2>文章子标题</h2>
        </hgroup>
        <p><time datetime="2015-11-28">2015年11月28日</time></p>
    </header>
    <p>文章正文</p>
</article>
</body>
</html>

效果图：