HTML参考手册
标签 | Elements
article
<article>
元素表示文档、页面、应用或网站中的独立结构,其意在成为可独立分配的或可复用的结构,如在发布中,它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件,或者其他独立的内容项目。
内容类别 |
流内容,切片内容,可触及的内容。 |
---|---|
允许的内容 |
流量内容。 |
标记遗漏 |
没有,起始和结束标签都是强制性的。 |
允许父母 |
任何接受流内容的元素。请注意,<article>元素不能是<address>元素的后代。 |
允许ARIA角色 |
应用程序,文件,饲料,主要,演示文稿,区域 |
DOM界面 |
HTML元素 |
属性
只具有全局属性。
使用说明:
- 每一个都
<article>
应该被识别出来,通常包括一个标题(<h1>
-<h6>
元素)作为元素的一个子<article>
元素。
- 当<article>元素嵌套使用时,则该元素代表与外层元素有关的文章。例如,代表博客评论的<article>元素可嵌套在代表博客文章的<article>元素中。
-
<article>
元素的作者信息可以通过<address>
元素提供,但不适用于嵌套<article>
元素。
-
<article>
元素的发布日期和时间可以使用元素的datetime
属性来描述<time>
。请注意,该 属性不再是W3C HTML 5标准的一部分。pubdate
<time>
示例
<article class="film_review">
<header>
<h2>Jurassic Park</h2>
</header>
<section class="main_review">
<p>Dinos were great!</p>
</section>
<section class="user_reviews">
<article class="user_review">
<p>Way too scary for me.</p>
<footer>
<p>
Posted on
<time datetime="2015-05-16 19:00">May 16</time>
by Lisa.
</p>
</footer>
</article>
<article class="user_review">
<p>I agree, dinos are my favorite.</p>
<footer>
<p>
Posted on
<time datetime="2015-05-17 19:00">May 17</time>
by Tom.
</p>
</footer>
</article>
</section>
<footer>
<p>
Posted on
<time datetime="2015-05-15 19:00">May 15</time>
by Staff.
</p>
</footer>
</article>
规范
规范 |
状态 |
评论 |
---|---|---|
HTML Living Standard该规范中'<article>'的定义。 |
生活水平 |
|
HTML 5.1该规范中'<article>'的定义。 |
建议 |
|
HTML5该规范中'<article>'的定义。 |
建议 |
|
浏览器兼容性
Feature |
Chrome |
Edge |
Firefox |
Internet Explorer |
Opera |
Safari |
---|---|---|---|---|---|---|
Basic Support |
5 |
(Yes) |
4 |
9 |
11.1 |
4.1 |
Feature |
Android |
Chrome for Android |
Edge mobile |
Firefox for Android |
IE mobile |
Opera Android |
iOS Safari |
---|---|---|---|---|---|---|---|
Basic Support |
(Yes) |
(Yes) |
(Yes) |
4 |
9 |
11 |
4.2 |
标签 | Elements相关

超文本标记语言,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。