W3C Validator能直接粘贴代码使用，但必须含完整HTML结构（如<!DOCTYPE html>和<html></html>），否则误报“missing root element”；它校验标准合规性而非渲染效果，不执行JS，动态内容不可见。
W3C Validator 能不能直接粘贴代码就用？
能，但必须带完整结构，否则会误报“missing root element”这类错误。它校验的是标准合规性，不是“能不能渲染”。
- 粘贴前确认代码包含
<!DOCTYPE html>和完整的<html></html>包裹，否则哪怕页面看着正常，也会被标为严重错误 - 动态生成的内容（比如 JS 插入的
<div>）不会被检测到——W3C 只看原始 HTML 字符串，不执行 JS - 遇到
Bad value X for attribute Y错误，大概率是用了非标准属性，比如写status="loading"，得改成data-status="loading"
浏览器开发者工具里怎么看 DOM 是否被浏览器悄悄改了？
Elements 面板显示的不是你写的源码，而是浏览器解析+纠错后的结果，这是查嵌套错误最直观的地方。
- 留意缩进突变：某层节点突然左对齐、没缩进，八成是上层标签漏闭合，比如
<div><p>文本</div>会导致<p>被自动截断并移出 - 灰色斜体标签（如
<body>下出现孤立的<div>）说明该元素被踢出了合法位置，常见于把块级元素塞进<p>里 - 右键某个元素 →
Edit as HTML，敲回车后如果 DOM 树跳变或控制台报错，说明当前结构已处于“浏览器强撑”状态
HTMLHint 命令行检查为什么本地跑不通？
常见原因是规则配置和 Node.js 环境不匹配，不是工具本身有问题。
- 确保全局安装的是最新版：
npm install -g htmlhint，旧版本可能不识别attr-value-double-quotes这类新规则 -
.htmlhintrc文件必须放在执行命令的当前目录下，且文件名开头是英文句点（.htmlhintrc，不是htmlhint.json） - 报错像
index.html:5:12: Tagname must be lowercase.说明规则生效了；如果完全没输出，先运行htmlhint --version确认是否真装上了
axe 插件提示 “Heading order must increase by one” 怎么修？
这不是语法错误，是语义缺陷——W3C Validator 完全不管这个，但会影响屏幕阅读器和 SEO。
立即学习“前端免费学习笔记（深入）”；
- 意思是标题层级不能跳变，比如从
<h2>直接到<h4>，中间缺了<h3>，就得补上或调整结构 - 报错行号指向的是
<h4>所在行，但问题根源往往在前面——翻上去找最近一个<h2>或<h3>，看有没有意外闭合或被注释掉 - 别为了“过 axe”硬加空
<h3></h3>，那反而破坏语义；优先用逻辑分组（比如用<section>）来自然形成层级
