本文介绍如何在HTML中使用article元素来组织独立的内容区块，例如博客文章或新闻报道，并展示了如何为这些区块添加时间戳和读者评论。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>article元素的使用方法</title>
</head>
<body>
<article>
<header>
<h1>我是article</h1>
<p>创建时间<time pubdate="true">2016/7/25</time></p>
</header>
</article>
<p>
<b>Article</b>是一个独立的区域
</p>
<section>
<h2>读者评论</h2>
<article>
<header>
<h3>读者：flower</h3>
<p>
<time pubdate="true" datetime="2016/7/25 T23:00">2小时前</time>
</p>
</header>
<p>文章很好</p>
</article>
<article>
<header>
<h3>读者：cherish</h3>
<p>
<time pubdate="true" datetime="2016/7/25 T21:00">1小时前</time>
</p>
</header>
<p>文章很好</p>
</article>
</section>
<footer>
<p><small>开发者版权</small></p>
</footer>
</article>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>article元素的使用方法</title>
</head>
<body>
<article>
<header>
<h1>我是article</h1>
<p>创建时间<time pubdate="true">2016/7/25</time></p>
</header>
</article>
<p>
<b>Article</b>是一个独立的区域
</p>
<section>
<h2>读者评论</h2>
<article>
<header>
<h3>读者：flower</h3>
<p>
<time pubdate="true" datetime="2016/7/25 T23:00">2小时前</time>
</p>
</header>
<p>文章很好</p>
</article>
<article>
<header>
<h3>读者：cherish</h3>
<p>
<time pubdate="true" datetime="2016/7/25 T21:00">1小时前</time>
</p>
</header>
<p>文章很好</p>
</article>
</section>
<footer>
<p><small>开发者版权</small></p>
</footer>
</article>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
