html5中article元素的使用方法
2016-07-27 15:36
323 查看
<!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>
相关文章推荐
- HTML5中在客户端验证文件上传的大小
- html5 web数据存储
- 页面元素查找之Selectors API
- 使用ajax实现用户登录验证(升级版)
- Canvas 在高清屏下绘制图片变模糊的解决方法
- 关于前端的思考与感悟
- 新时代编辑神器:Atom
- rem : web app适配的秘密武器
- jquery高级应用之Deferred对象
- 又被事件冒泡坑了一把,这次要彻底弄懂浏览器的事件流
- 移动端点击事件全攻略,这里的坑你知多少?
- $q 实例分析 Angular 中的 Promise
- 浏览器中唤起native app || 跳转到应用商城下载
- Angular directive 实例详解
- 关于浮动与清除浮动,你应该知道的
- 数组reduce方法的高级技巧
- 原生js结合html5制作小飞龙的简易跳球
- HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)