HTML5语义化是前端编码实践，用nav、article、time等标签明确页面结构与功能；Web语义化是W3C提出的知识网愿景，依赖RDF、Schema.org等实现数据可推理与跨系统共享。
HTML5 语义化和 Web 语义化（Semantic Web）不是一回事，虽然名字相似、目标有交集，但层级、范围和实现方式完全不同。
HTML5 语义化是前端编码实践
它聚焦于 HTML 标签本身的含义与结构用途，属于网页构建层面的具体技术。核心是用对标签：比如用 nav 代替 div class="nav"，用 article 包裹独立内容块，用 time 标注日期而非普通文本。
- 解决的是“人一眼看懂结构、机器（如搜索引擎、屏幕阅读器）能准确识别模块功能”的问题
- 不依赖外部标准或数据格式，纯靠浏览器原生支持的 HTML5 标签实现
- 效果直接体现在 DOM 结构清晰、SEO 更友好、无障碍访问更可靠
Web 语义化（Semantic Web）是互联网信息架构愿景
这是由 W3C 提出的长期战略，目标是让整个 Web 上的数据具备明确、可推理、跨系统共享的含义。它不止于 HTML 页面结构，更强调数据的机器可读性、可链接性与逻辑关系。
- 依赖 RDF（资源描述框架）、OWL（本体语言）、SPARQL 查询等技术栈
- 典型实践包括为网页添加 Schema.org 微数据、JSON-LD 结构化数据，让搜索引擎理解“这是一家餐厅，主营川菜，评分4.7，营业至22:00”
- HTML5 语义化只是 Semantic Web 的一个轻量入口，提供基础结构支撑，但远不足以达成其全部目标
关键区别一句话概括
HTML5 语义化是“怎么写 HTML 才让页面本身更有意义”，Web 语义化是“怎么让全网数据连成一张有逻辑的知识网”。 前者是开发者可控的编码规范，后者是需要多方协作、标准共建、工具支持的生态工程。
立即学习“前端免费学习笔记（深入）”；
实际开发中两者如何共存
现代网页常同时使用两种语义层：
- 用 header、main、article 等构建清晰页面骨架（HTML5 语义化）
- 在骨架内嵌入 script type="application/ld+json" 或 itemprop 属性，声明实体关系（Web 语义化落地）
- 例如一篇新闻页：用 article 定义主体，再用 JSON-LD 描述作者、发布日期、关键词、关联事件等元数据
