article标准用法
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> © 2017
</footer> </article>
</body>
效果如下:
article标准用法的更多相关文章
- @GeneratedValue 四种标准用法为TABLE,SEQUENCE,IDENTITY,AUTO.
一.JPA通用策略生成器 通过annotation来映射hibernate实体的,基于annotation的hibernate主键标识为@Id, 其生成规则由@GeneratedValue设定的.这里 ...
- redis连接池的标准用法:
from .conf import HOST, PORT, POOL_NAME import redis redis_pool = redis.ConnectionPool(host=HOST, po ...
- C# IEnumerable,Lambda表达式和 Parallel并行编程的用法
以前一直主要做C++和C方面的项目,对C#不太了解熟悉,但听说不难,也就一直没有在意学习C#方面的知识.今天有个C#项目,需要做些应用的扩展,同时修改一些bug.但看了C#代码,顿时觉得有些不适应了. ...
- ShellExecute的各种用法
一.利用系统默认的邮件收发器发送电子邮件 Uses ..., ShellAPI; Var lpHwnd: HWND; lpOperation, lpFile, lpParameters, lpDire ...
- 详解HTML5中的<aside>元素与<article>元素
<aside>元素HTML<aside>元素表示一个页面的一部分, 它的内容跟这个页面的其它内容的关联性不强,或者是没有关联,单独存在.<aside>元素通常显示成 ...
- label 和 legend标签的用法
label 和 legend标签的用法 label标准用法: 一般浏览器都支持 一般而言,label标签位于表单元素的前面或者后面,为控件提供说明文字 <label for="user ...
- Delphi ShellExecute的用法
请在interface处uses句中加入ShellAPI 有三个API函数可以运行可执行文件WinExec.ShellExecute和CreateProcess.1.CreateProcess因为使用 ...
- C# 当中 LINQ 的常规用法(Lambda 方式)
仅以本篇博文记录 LINQ 相关操作的基本知识,原型参考自 MSDN 相关知识,中间加以自己的理解与 DEMO. 1. IEnuemrable<T>.Select() Select 方法比 ...
- MySQL中INSERT的一般用法
原文链接:http://www.blogjava.net/midnightPigMan/archive/2014/12/15/421406.html MySQL中INSERT的一般用法 INSERT语 ...
随机推荐
- ASP.NET中Dictionary基本用法实例分析
本文实例讲述了ASP.NET中Dictionary基本用法.分享给大家供大家参考,具体如下: //Dictionary位于System.Collections.Generic命名空间之下 /* * ...
- 存储过程根据ouID获取IntlPerson数据表
/****************************************************************************** ** Name: usp_base_Ge ...
- 使用JMAP dump及分析dump文件
查看整个JVM内存状态 jmap -heap [pid]要注意的是在使用CMS GC 情况下,jmap -heap的执行有可能会导致JAVA 进程挂起 查看JVM堆中对象详细占用情况jmap -his ...
- 利用Fiddler或Charles进行mock数据
使用场景:服务器数据不符合测试条件时,我们可以通过在本地创建虚拟数据来打到测试用例所描述的条件. fiddler使用方法 1.首先在本地创建txt数据:将抓到的response中的json数据拷贝到记 ...
- Codeforces 678E(Another Sith Tournament)
题目链接:传送门 题目大意:有n个人决斗(n<=18),每两个人之间都有一定几率杀死对方,一次进行一次决斗,胜利者成为擂主继续接受决斗直到只剩下一个人,你是一号,问你最大有多大几率存活到最后. ...
- mac同时安装多个jdk
DK8 GA之后,小伙伴们喜大普奔,纷纷跃跃欲试,想体验一下Java8的Lambda等新特性,可是目前Java企业级应用的主打版本还是JDK6, JDK7.因此,我需要在我的电脑上同时有JDK8,JD ...
- angular做的简单购物车
虽然本人也是刚刚才开始学习angular.js,并不是非常会,但是这并不能阻止我对angular的喜爱.因为它太省代码了,比如说一个比较简单的购物车,就是只有商品名称,单价,数量,小计,总计和删除功能 ...
- POJ 2609 Ferry Loading(双塔DP)
Ferry Loading Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 1807 Accepted: 509 Sp ...
- z waiting to receive.**B0100000023be50
[root@b ~]# rz▒z waiting to receive.**B0100000023be50
- attributes["wv"].nodeValue
w 获取自定义属性的值 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&qu ...