-
锚点跳转失效的根源不在HTML语法，而在页面结构、CSS（如fixed导航遮挡、scroll-margin-top缺失）、JS干预（异步渲染、重排）及id存在性；推荐用scrollIntoView()配合scroll-margin-top精准控制。
-
<metaname="robots">标签仅是建议，生效需页面被成功抓取；若robots.txt屏蔽路径、返回4xx错误、content值大小写/空格/标点错误、或JS动态插入，均导致失效；X-Robots-Tag更可靠且优先级更高。
-
ChromeDevTools中强制触发:hover和:active状态，应右键Elements面板元素→“Forcestate”→勾选对应伪类；该方式基于渲染层介入，能真实复现浏览器状态解析逻辑，比手动加CSS规则更可靠，且不改变页面实际行为。
-
pandoc可直接将UTF-8编码HTML转PDF/DOCX/Markdown，但PDF需额外安装tinytex，复杂CSS布局建议用浏览器打印导出，DOCX样式丢失主因是语义映射与字体兼容性问题。
-
Jest是专为JavaScript（尤其是React）设计的开箱即用测试运行器+断言库+模拟系统；默认识别__tests__/、.test.js或.spec.js文件；需配置testEnvironment、setupFilesAfterEnv等适配工程需求。
-
BEM能防CSS类名冲突，因其通过块-元素-修饰符三段式命名（如.header__title--large）实现天然隔离；需配合ESLint、Stylelint等工具强制约束，禁用后代选择器与ID/标签选择器，并匹配严格正则；与CSS-in-JS、ShadowDOM不冲突，可共存互补；超小项目或动态样式场景则不宜硬套。
-
原生CSS的:has()在老浏览器中不可用，因其是CSSSelectorsLevel4新特性，仅Chrome105+、Firefox103+、Safari15.4+支持，IE和旧版Edge完全不支持；需用JS监听关键事件并切换class模拟，避免MutationObserver滥用。
-
-webkit-text-fill-color是WebKit私有属性，Firefox等非WebKit浏览器直接忽略，不退回到color，必须显式声明color作为降级色；仅用于Chrome/Safari渐变文字镂空或input自动填充文本着色，无跨浏览器能力。
-
:valid用于选中值合法的表单元素，需配合required、type（如email）或pattern使用；无约束时无效，空required初始为:invalid，非required空字段处于未验证状态。
-
禁用<textarea>拖拽缩放需使用resize:none;，必须作用于元素本身或明确选择器，避免被框架样式覆盖；其他值如vertical仅禁用水平方向，仍可拖拽破坏布局。
-
@import无法实现真正的布局与内容分离，它仅拆分文件加载，不改变HTML结构与DOM层级，实际依赖选择器职责划分、命名约定（如l-、c-前缀）和层叠规则来隔离样式作用域。
-
HTML无法通过USB2.0接口调试，因其属标记语言运行于浏览器，而USB2.0是物理层协议，二者抽象层级不同；所谓“USB调试HTML”实为混淆前端代码、运行环境与硬件工具边界。
-
HTML表格通过table、tr、td/th标签构建基本结构，支持边框设置、单元格合并及嵌套布局；其中th用于表头，rowspan/colspan实现跨行跨列，HTML5推荐用CSS替代废弃的border等属性。
-
原型链污染是JavaScript中因不当处理对象属性导致的高危安全问题，攻击者通过控制输入向Object.prototype写入恶意属性，影响所有对象行为；其发生源于对象属性访问时沿原型链查找，若未防护地递归赋值用户可控数据（如JSON、URL参数），可能意外修改__proto__或constructor.prototype；常见触发点包括使用存在缺陷的深拷贝工具、手动递归赋值未过滤敏感键、直接解析含{"__proto__":{}}的JSON；防御核心是不信任任何输入，升级修复版本依赖、过滤敏感键名、采用
-
letter-spacing是CSS属性而非HTML5属性，自CSS1起存在，用于精确控制字符间水平间距，支持px/em/rem等单位，可正可负，具继承性，需配合字体与设备实测确保渲染一致。
