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. windows 下安装securecrt 绿色版
			
    
			
    2. 
						
  2. 从零开始开发一个vue组件打包并发布到npm (把vue组件打包成一个可以直接引用的js文件)
			
    自己写的组件 有的也挺好的,为了方便以后用自己再用或者给别人用,把组件打包发布到npm是最好不过了,本次打包支持 支持正常的组件调用方式,也支持Vue.use, 也可以直接引用打包好的js文件, 配合 ...
    
			
    3. 
						
  3. 【Raspberry Pi】定时运行python程序读温湿度传感器数据&发邮件
			
    1.定时执行脚本 http://tech.it168.com/a2011/0707/1214/000001214830_all.shtml /sbin/service crond start //启动 ...
    
			
    4. 
						
  4. express搭建权限管理系统
			
    express搭建权限管理系统 权限管理,是管理系统中的常见组件.通常需要定义资源,把资源调配给用户,通过判断用户是否有权限增删改查来实现. 初衷: 使用express开发过的项目大大小小加在一起也有 ...
    
			
    5. 
						
  5. netty学习之路
			
    Netty是一个高效的提供异步事件驱动的网络通信框架,换言之,Netty是一个nio实现框架并且能简化传统的TCP.UDP.Socket编程.
    
			
    6. 
						
  6. windows下caffe如何单独编译proto文件
			
    利用protoc.exe即可编译. 在protoc.exe当前文件夹下打开cmd,输入命令如下: pushd %~dp0 echo "copying .proto and generated ...
    
			
    7. 
						
  7. 【BZOJ4675】点对游戏 树分治+期望
			
    [BZOJ4675]点对游戏 Description 桑尼.露娜和斯塔在玩点对游戏,这个游戏在一棵节点数为n的树上进行. 桑尼.露娜和斯塔三人轮流从树上所有未被占有的节点中选取一点,归为己有,轮流顺序 ...
    
			
    8. 
						
  8. 爬虫入门【9】Python链接Excel操作详解-openpyxl库
			
    Openpyx是一个用于读写Excel2010各种xlsx/xlsm/xltx/xltm文件的python库. 现在大多数用的都是office2010了,如果之前之前版本的可以使用xlrd读,xlwt ...
    
			
    9. 
						
  9. net.mvc中并发限制
			
    浏览器限制 会话限制 线程限制 这篇文章讲的很详细: https://weblogs.asp.net/imranbaloch/concurrent-requests-in-asp-net-mvc 明白 ...
    
			
    10. 
						
  10. client-side internet transfers
			
    curl https://curl.haxx.se/ curl - Open Collective https://opencollective.com/curl#backers curl/curl: ...
    
			
    11.