article标签用于定义独立、可复用的内容区块，如博客文章或用户评论；它强调内容的独立性，可被外部引用，提升语义化、SEO及无障碍访问，区别于仅作分区的section和无语义的div。
在HTML5中，article 标签用于定义页面中独立的、可自包含的内容区块。它不仅提升了网页结构的语义化程度，还有助于搜索引擎理解和索引内容。正确使用 article 能让代码更清晰，也更利于无障碍访问。
什么是 article 标签？
article 表示一个独立的内容单元，原则上这部分内容可以被外部引用、复用或分发。比如一篇博客文章、一则新闻报道、一条用户评论、一个论坛帖子等，都适合用 article 包裹。
关键特征是：内容本身具有完整意义，脱离上下文也能理解。
何时使用 article？
以下情况推荐使用 article：
立即学习“前端免费学习笔记（深入）”；
- 博客或文章页面中的正文部分
- 新闻网站中的每条新闻条目
- 社交媒体中的每条动态或评论
- 论坛中的每个帖子
- 可独立订阅的内容（如RSS源中的条目）
例如：
HTML5语义化标签详解
发布时间：2024年4月1日
本文介绍如何使用HTML5的语义化标签提升网页结构清晰度。
article 与 section、div 的区别
article 和 section 都是语义化标签，但用途不同：
- article 强调“独立内容”，可被单独分发
- section 表示文档中的一个“章节”或功能区域，内容不必完全独立
- div 是无语义的通用容器，仅用于样式或脚本操作
举例来说，一篇文章可以用 article 包裹，而文章内部的“引言”、“正文”、“结语”可用 section 划分。
嵌套使用 article 的场景
article 支持嵌套，适用于有层级关系的独立内容。比如一篇博客文章下的评论，每条评论也可视为独立内容。
示例：
主文章标题
这是文章内容……
用户评论
这条评论很有见地。
另一条评论
我同意上面的观点。
外层 article 是主文章，内层是独立的评论内容，符合语义逻辑。
基本上就这些。掌握 article 的核心在于判断内容是否“独立可分发”。合理使用能让HTML结构更清晰，对SEO和可访问性都有帮助。
