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>


效果如下：




 


												


											
article标准用法的更多相关文章
	

    
								
  1. @GeneratedValue 四种标准用法为TABLE,SEQUENCE,IDENTITY,AUTO.
		
    一.JPA通用策略生成器 通过annotation来映射hibernate实体的,基于annotation的hibernate主键标识为@Id, 其生成规则由@GeneratedValue设定的.这里 ...
    
		
    2. 
						
  2. redis连接池的标准用法：
		
    from .conf import HOST, PORT, POOL_NAME import redis redis_pool = redis.ConnectionPool(host=HOST, po ...
    
		
    3. 
						
  3. C# IEnumerable，Lambda表达式和 Parallel并行编程的用法
		
    以前一直主要做C++和C方面的项目,对C#不太了解熟悉,但听说不难,也就一直没有在意学习C#方面的知识.今天有个C#项目,需要做些应用的扩展,同时修改一些bug.但看了C#代码,顿时觉得有些不适应了. ...
    
		
    4. 
						
  4. ShellExecute的各种用法
		
    一.利用系统默认的邮件收发器发送电子邮件 Uses ..., ShellAPI; Var lpHwnd: HWND; lpOperation, lpFile, lpParameters, lpDire ...
    
		
    5. 
						
  5. 详解HTML5中的<aside>元素与<article>元素
		
    <aside>元素HTML<aside>元素表示一个页面的一部分, 它的内容跟这个页面的其它内容的关联性不强,或者是没有关联,单独存在.<aside>元素通常显示成 ...
    
		
    6. 
						
  6. label 和 legend标签的用法
		
    label 和 legend标签的用法 label标准用法: 一般浏览器都支持 一般而言,label标签位于表单元素的前面或者后面,为控件提供说明文字 <label for="user ...
    
		
    7. 
						
  7. Delphi ShellExecute的用法
		
    请在interface处uses句中加入ShellAPI 有三个API函数可以运行可执行文件WinExec.ShellExecute和CreateProcess.1.CreateProcess因为使用 ...
    
		
    8. 
						
  8. C# 当中 LINQ 的常规用法(Lambda 方式)
		
    仅以本篇博文记录 LINQ 相关操作的基本知识,原型参考自 MSDN 相关知识,中间加以自己的理解与 DEMO. 1. IEnuemrable<T>.Select() Select 方法比 ...
    
		
    9. 
						
  9. MySQL中INSERT的一般用法
		
    原文链接:http://www.blogjava.net/midnightPigMan/archive/2014/12/15/421406.html MySQL中INSERT的一般用法 INSERT语 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. MFC多国语言——资源DLL
			
    此随笔中主要内容来自http://blog.csdn.net/china_hxx/article/details/10066655,原出处不详. 以下内容基于VC 6.0.要实现界面多语言化,必须要先 ...
    
			
    2. 
						
  2. 细节取胜的javadoc
			
    今个以为开发经验丰富的同事提出有个改动有问题,希望改一下.老前辈发话,心虚的紧,立即看了下,问题说是我的方法凝视中写了一个 ** doesn't ** 建议改为 does not 说这个生成javad ...
    
			
    3. 
						
  3. Android中的Manifest.permission（应用权限）整理
			
    ACCESS_CHECKIN_PROPERTIES 允许读/写登记数据库(checkin database),中的“properties”表,用来改变他的值来上传东西. 这个权限第三方应用无法使用.  ...
    
			
    4. 
						
  4. SurvivalShooter学习笔记（六.玩家生命）
			
    需求: 玩家有初始生命: 被敌人攻击后:掉血,播放受击音效,红屏(用UI图片做)闪烁提示,UI面板刷新生命 直至死亡:死亡播放死亡音效,游戏结束: 1.变量: 玩家生命 public int star ...
    
			
    5. 
						
  5. 使用Lingo增强JMS
			
    虽然activemq+jencks的jms轻量级解决方案已经很好地在psa中work了,尤其spring的JmsTemplate使得代码更简单,但是还是存在问题. 问题来自暑期做psa的时候,link ...
    
			
    6. 
						
  6. Duilib教程－自动布局2
			
    在上一节中,我简单介绍了控件随父LAYOUT自由移动的设置.在这一节,我将介绍一种常见的情况:嵌入窗口. 在项目中,我们很少会100%的编写一个软件,特别是界面相关的,我们会使用以前已经编写好的窗口, ...
    
			
    7. 
						
  7. Android UI开发第三十五篇——AppCompat实现Action Bar
			
    每一位Android开发者对Action Bar这种设计都不陌生了,毕竟它已经发布了至少两年了.Android团队发布Action Bar设计规范时同时放出了ActionBar的Api来支持这种设计. ...
    
			
    8. 
						
  8. wordpress添加关键字
			
    wordpress自动添加标签为关键字: <?php //判断是否为首页 if ( is_home ()) { $description = "jcomey一个文艺青年的个人博客&qu ...
    
			
    9. 
						
  9. 170227、java分布式系统开关功能设计(服务升降级)
			
    首先讲一下开关的由来,例如东京在6月18日做店庆促销活动,在交易下单环节,可能需要调用A.B.C三个接口来完成,但是其实A和B是必须的,C只是附加的功能(例如在下单的时候做一下推荐),可有可无,在平时 ...
    
			
    10. 
						
  10. delphi -----TTreeView
			
    TTreeView 与两个重要的类相关:TTreeNodes.TTreeNode . TTreeNodes即是TTreeView 的Items属性,TTreeNodes是TTreeNode的合集,TT ...
    
			
    11.