mdn web docs 是最权威的 html 文档来源，提供实时更新、兼容性表格、可运行示例、无障碍提示和常见陷阱说明；w3schools 仅适合查基础语法，兼容性和语义细节须以 mdn 为准；w3c 规范面向实现者，需结合 mdn 补充实践要点；本地验证和辅助技术测试比单纯查文档更有效。
MDN Web Docs 是当前最权威的 HTML 文档来源
直接访问 https://developer.mozilla.org/zh-CN/docs/Web/HTML，这是由 Mozilla 主导、W3C 和社区共同维护的实时更新文档，所有标签说明都附带兼容性表格（Chrome/Firefox/Safari/Edge 各版本支持情况）、可运行示例、无障碍（a11y）提示和常见陷阱说明。它不教“怎么写第一个网页”，而是回答“abbr 的 title 属性在屏幕阅读器中是否一定朗读”“small 是否只是视觉变小”这类实际问题。
别用 W3Schools 查兼容性或语义细节
W3Schools 适合快速查语法格式（比如 <em></em> 怎么写），但它的兼容性数据常滞后，且不区分规范行为与浏览器实际行为。例如它不会提醒你：address 标签**只适用于最近的 article 或 body 的联系信息**，滥用会导致语义污染；也不会标注 time 的 datetime 属性若格式错误，部分屏幕阅读器会跳过整段内容。遇到 blockquote、cite、dfn 这类语义强的文本标签，必须以 MDN 为准。
W3C 官方标准文档不适合初学者直接读
W3C 的 HTML 规范（https://html.spec.whatwg.org/）是最终依据，但它面向浏览器实现者，满篇“must/should/may”和抽象定义。比如它定义 p 是“一个段落”，但不会告诉你为什么两个 p 之间有默认 margin、能否嵌套 div、或在 pre 里用 p 是否合法——这些得靠 MDN 的“Usage notes”和“Accessibility concerns”小节补全。真要查某标签是否允许子元素为 script，先看 MDN 的 “Permitted content” 表格，再按需点进链接跳转到 WHATWG spec 原文。
本地验证比查文档更快解决“为什么没生效”
很多“查了文档还是不对”的问题，其实源于 HTML 结构错误而非标签本身。推荐三步现场排查：
- 在浏览器 DevTools 中右键检查元素，看该标签是否被自动闭合或移出（比如把
span放进ul里，浏览器会把它踢到ul外） - 用
https://validator.w3.org/nu/提交 HTML 片段，它会明确报出“strongcannot be child ofpin this context”这类结构违规 - 对语义存疑时，在 VoiceOver 或 NVDA 下朗读页面，观察标签是否被正确识别（如
mark是否触发强调语气，q是否自动加引号）
文档再全，也替代不了真实渲染环境里的 DOM 树和辅助技术反馈。真正卡住你的，往往不是“这个标签叫什么”，而是“它在这个位置是否被允许存在”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
