讲解对象：【html5】简单的html5网页实例
作者：融水公子 rsgz
文章出处：360doc个人图书馆 www.360doc.com[其他平台均为盗版]
实例1： <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<article>
<header>
<h1>我是Article</h1>
<p>创建时间：<time pubdate="pubdate">2018/8/31</time></p>
</header>
<p>
<b>Aticle</b>是一个独立的区域
</p>
<footer>
<p><small>融水公子版权所有！</small></p>
</footer>
</article>
</body>
</html>
实例2：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<article>
<header>
<h1>我是Article</h1>
<p>创建时间：<time pubdate="pubdate">2018/8/31</time></p>
</header>
<p>
<b>Aticle</b>是一个独立的区域
</p>
<section>
<h2>读者评论：</h2>
<article>
<header>
<h3>读者：朱朝斌</h3>
<p>
<time pubdate datetime="2018/8/31">2小时前！</time>
</p>
</header>
<p>文章很好！</p>
</article>
<article>
<header>
<h3>读者：小蛛丝</h3>
<p><time pubdate datetime="2018/8/31">2小时前！</time></p>
</header>
<p>文章很好！</p>
</article>
</section>
<footer>
<p><small>融水公子版权所有！</small></p>
</footer>
</article>
</body>
</html>提醒：
1 建议大家电脑浏览我的网页，因为手机浏览网页 代码会自动缩成一行，很不方便
2 如果下面文章格式很乱，那就是盗版文章。建议大家举报！
谢谢大家的支持！可以点击我的头像，进入我的空间浏览更多文章呢。建议大家360doc[www.360doc.com]注册一个账号登录，里面真的有很多优秀的文章，欢迎大家的到来。
---
|
