article代表一个在文档、页面或者网站中自成一体的内容

其目的是为了让开或重用

譬如论坛的帖子、博客的文章、一片用户的评论、一个互动的widget小工具

article 会有一个标题(通常在header里),会有一个footer页脚

如果在aritcle内部再嵌套article

那就代表的article是与它外部的内容有关联,如博客文章下面的评论

标准article元素的用法:

<article>
<h1>文章标题</h1>
<p>文章内容</p>
<footer>
<p><small>版权</small></p>
</footer>
</article>
效果如下
例如:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> article </title>
</head>
<body>
<article>
<header>
<h1>王者荣耀</h1>
</header>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid esse odio quam quo repellat? Accusamus
atque, dicta dolore iste maxime odio odit sequi suscipit tempora ut. Aspernatur officia placeat
quibusdam!</p>
<p>Amet eos esse nisi numquam obcaecati quos repellat saepe. Ab alias aliquam assumenda consequuntur cumque
debitis, deserunt, enim expedita in molestias mollitia voluptatum! Cumque dicta laborum magni maiores
recusandae repudiandae!</p>
<p>Deleniti distinctio, eveniet magnam maiores odio officiis provident reprehenderit. Aliquid eius, enim
expedita labore magnam odit quae quaerat quisquam tempore voluptates? Cupiditate error nisi quaerat ratione
reiciendis sed soluta voluptas.</p>
<footer> &copy; 2017
</footer> </article>
</body>

效果如下:

 

最新文章

  1. 在redis中使用lua脚本让你的灵活性提高5个逼格
  2. 002:IPC与system函数简介
  3. python 核心编程课后练习(chapter 3)
  4. java字符串抉择
  5. json字符串相关转换方法
  6. [原]Hrbust1328 相等的最小公倍数 (筛素数,素因子分解)
  7. UVa 10806 Dijkstra,Dijkstra(最小费用最大流)
  8. Swift - 操作SQLite数据库(引用SQLite3库)
  9. 【C++探索之旅】第一部分第二课:C++编程的必要软件
  10. centos7 卸载home 扩大root空间
  11. Http协议规范及格式
  12. [Swift]LeetCode257. 二叉树的所有路径 | Binary Tree Paths
  13. [C#.Net]全局钩子实现USB扫码枪无焦点状态下扫入
  14. 51nod1220 约数之和
  15. common skill
  16. ASP.Net上传文件
  17. c/C++编译的程序占用的内存分为以下几个部分
  18. HDU 5776 sum(抽屉原理)
  19. 027.Zabbix的定期备份
  20. java要注意的问题3

热门文章

  1. poj 2187:Beauty Contest(计算几何,求凸包,最远点对)
  2. poj 1419(图的着色问题,搜索)
  3. 使用JMX监控Kafka
  4. Import error: no module named cv2 错误解决方法
  5. [Algorithms] Graph Traversal (BFS and DFS)
  6. Dart基础学习03--方法的使用
  7. 解决&quot;django-registration(1048,“column”last_login“不能为null”)
  8. 浅谈数据库并发控制 - 锁和 MVCC
  9. CSS 快速入门
  10. 【opencv安裝】ubuntu16 opencv安装+测试