<article>: 文章标签
最后更新:2026-10-13
<article>文章标签
表示一篇可独立分发或复用的内容,如新闻文章、博客帖子、评论、卡片。
| 分类 | 语义化 |
|---|---|
| 内容模型 | 流式内容 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 需要 </article> 标签 |
| 状态 | 标准 |
📝 语法
<article>文章内容</article>
▶ 示例
编辑下方代码,在 playground 中查看实时效果:
🌐 浏览器支持
| 浏览器 | |||||
|---|---|---|---|---|---|
| <article> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示: article 内的 article 表示嵌套的评论/引用;article 适合 RSS 之类的内容聚合。
❓ 常见问题
Qarticle 和 section 有什么区别?
A
<article> 是「独立成篇、可单独分发」的完整内容(博客文章、新闻、评论、商品卡);<section> 是「文档中的主题分组」,脱离上下文意义不大。判断法:这段内容能不能单独放进 RSS 阅读器?能就用 article。Qarticle 里可以嵌套 article 吗?
A可以。规范允许嵌套:外层
<article> 是主内容(如博客正文),内层 <article> 是与之关联的独立内容(如读者评论),每一层都保持「独立成篇」的语义。Qarticle 一定要有标题吗?
A强烈建议有。每个
<article> 理想情况下应以 h1-h6 标题开头,帮助屏幕阅读器和搜索引擎识别内容主题;没有标题会让「独立成篇」的语义落空。🏷️ 相关标签
💡 相关案例
更多案例即将上线,敬请期待。