article标签

　　html<article>标签用于创建“article”元素。“article”元素表示独立于文档中其他内容的内容，其内容可以独立存在，例如在联合发布中。

　　更具体地说，HTML5规范指出“article”元素代表：

　　文档、页面、应用程序或网站中完整或自包含的组成部分，原则上可独立分发或重复使用，例如在联合发布中。这可以是论坛帖子、杂志或报纸文章、博客条目、用户提交的评论、交互式小部件或小工具，或任何其他独立的内容项目。

　　该<article>标签是在 HTML 5中引入的。

　　该<article>标签的书写方式<article></article>为将文章内容插入开始和结束标签之间。该标签没有任何本地属性，但您可以使用任何全局属性和/或事件内容属性。

　　例子：

　　<article>
　　文章的内容
　　</article>

　　嵌套文章（即文章中的文章）

　　可以将一个<article>标签嵌套在另一个<article>标签中。例如，一个<article>标签可以显示主要文章，而另一个标签可以包含其他<article>标签来显示用户对主要文章的评论。

　　您还可以使用<section>标签对相关项目进行分组，例如<article>用于呈现用户评论的元素。

　　<article>

　　<h1>火星</h1>

　　<p>火星距离太阳平均为 1.42 亿英里，绕太阳公转的平均速度为每秒 14.5 英里。</p>

　　<section>
　　<h2>用户评论</h2>
　　<article>
　　<header>
　　<h3>SolarFlare 说：</h3>
　　<p><time datetime="2014-06-05T22:43-08:00">3小时前</time></p>
　　</header>
　　<p>哇，这个信息确实让我回到了现实！</p>

　　</article>
　　<article>
　　<header>
　　<h3>冥王星 说：</h3>
　　<p><time datetime="2014-06-05T23:45-08:00">2小时前</time></p>
　　</header>
　　<p>1.42 亿英里......噗......这不算什么！</p>
　　</article>
　　</section>
　　</article>

　　<article>对比<section>

　　您可以在标签<article>内嵌套标签<section>，也可以在标签<section>内嵌套标签<article>。

　　您应该使用哪一个？

　　<article>元素和元素之间存在细微的差别<section>。元素的目的<section>是表示文档或应用程序的通用部分。<article>另一方面，元素表示单个、自包含的内容。

　　当选择使用<article>标签或标签时，如果内容在联合后仍能保留其含义，则<section>使用标签。<article>

　　全局属性

　　以下属性是所有 HTML 元素的标准属性。因此，您可以将这些属性与 标签<article>以及所有其他 HTML 标签一起使用。

　　accesskey

　　autocapitalize

　　class

　　contenteditable

　　data-*

　　dir

　　draggable

　　hidden

　　id

　　inputmode

　　is

　　itemid

　　itemprop

　　itemref

　　itemscope

　　itemtype

　　lang

　　part

　　slot

　　spellcheck

　　style

　　tabindex

　　title

　　translate

　　有关这些属性的完整解释，请参阅HTML 5 全局属性。

　　事件处理程序

　　事件处理程序内容属性可让您从 HTML 中调用脚本。当发生某个“事件”时，将调用该脚本。每个事件处理程序内容属性处理不同的事件。

　　onabort

　　onauxclick

　　onblur

　　oncancel

　　oncanplay

　　oncanplaythrough

　　onchange

　　onclick

　　onclose

　　oncontextmenu

　　oncopy

　　oncuechange

　　oncut

　　ondblclick

　　ondrag

　　ondragend

　　ondragenter

　　ondragexit

　　ondragleave

　　ondragover

　　ondragstart

　　ondrop

　　ondurationchange

　　onemptied

　　onended

　　onerror

　　onfocus

　　onformdata

　　oninput

　　oninvalid

　　onkeydown

　　onkeypress

　　onkeyup

　　onlanguagechange

　　onload

　　onloadeddata

　　onloadedmetadata

　　onloadstart

　　onmousedown

　　onmouseenter

　　onmouseleave

　　onmousemove

　　onmouseout

　　onmouseover

　　onmouseup

　　onpaste

　　onpause

　　onplay

　　onplaying

　　onprogress

　　onratechange

　　onreset

　　onresize

　　onscroll

　　onsecuritypolicyviolation

　　onseeked

　　onseeking

　　onselect

　　onslotchange

　　onstalled

　　onsubmit

　　onsuspend

　　ontimeupdate

　　ontoggle

　　onvolumechange

　　onwaiting

　　onwheel

　　大多数事件处理程序内容属性可以在所有 HTML 元素上使用，但某些事件处理程序对其使用时间以及适用元素有特定的规则。