HTML 5 <article> 标签定义和用法
<article> 标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。
article 字面意思为“文章”。在web页面中表现为独立的内容,如一篇新闻,一篇评论,一段名言,一段联系方式。这其中包括两方面,一为整个页面的主旨内容,另外就是一些辅助内容。
<article> 标签可以嵌套,即article里面还可以包含article,此时内article应该跟外article有一定的关联性.
HTML 4.01 与 HTML 5 之间的差异
<article> 标签是 HTML 5 的新标签。
HTML 5 <article> 标签提示和注释:
注释:<article> 标签的内容独立于文档的其余部分。
HTML 5 <article> 标签属性
标准属性
class, contenteditable, contextmenu, dir, draggable, id, irrelevant,
lang, ref, registrationmark, tabindex, template, title如需完整的描述,请访 HTML 5 中标准属性。
事件属性
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu,
ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover,
ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup,
onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout,
onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload
HTML 5 <article> 标签例子:
<article>
<h2>Netscape Is Dead</h2>
AOL has now officially announced that they will end
the development and support of all Netscape browsers.
</article>
HTML 5 <article> 标签使用 情景一: 整个页面的主旨内容
<!doctype html>
<title>html5esf.xmhouse.com</title>
<body>
<article>
<h1></h1>
<p>主内容</p>
</article>
<aside>
侧边内容
</aside>
</body>
HTML 5 <article> 标签使用 情景二: 内容的评论
<!doctype html>
<title>html5站案例</title>
<body>
<article>
主内容省略....
<section>
<h1>评论</h1>
<ul>
<li>
<article>评论1</article>
</li>
<li>
<article>评论2</article>
</li>
</ul>
</section>
</article>
<aside>
侧边内容
</aside>
</body>
HTML 5 <article> 标签使用 情景三 : 辅助内容
<!doctype html>
<title>html5站案例</title>
<body>
主内容省略...
<aside>
<article>
<p>作者:天津SEO</p>
<p>文章编写时间:2013年8月</p>
</article>
</aside>
</body>