-
font-weight未生效的主因是字体不支持对应字重，需通过DevTools检查计算值及字体文件是否存在；其次注意加载顺序、简写语法缺失font-family、打印/移动端兼容性等问题。
-
V8内联函数的关键是结构可预测、无副作用、AST简洁，而非单纯代码行数；含try/catch、eval、arguments等结构即使仅5行也会被拒绝内联。
-
<button>在<form>内未声明type时默认为submit，导致意外提交和页面刷新；应统一显式声明type="button"或type="submit"以避免隐蔽bug。
-
使用CSS@keyframes实现全屏渐变背景加载动画，通过background-position动画配合background-size:400%400%实现平滑流动，animation-fill-mode:forwards锁定终态，并在DOMContentLoaded后立即移除元素以确保无缝衔接真实背景。
-
该用article还是section的核心判断标准是：内容单独复制到新HTML文件中能否被完整理解；能则用article，不能则用section（或nav/aside/footer）；且每个section必须含h2–h6标题，否则语义失效。
-
锚点id必须合法唯一且严格匹配：全小写、连字符分隔、不以数字开头、无空格标点中文；h2/h3需同时处理并嵌套生成目录；href必须与id完全一致（含大小写）；启用scroll-behavior:smooth实现平滑滚动。
-
FIMO生成的HTML报告默认不包含版本号，需通过终端输出、日志记录或后处理注入；官方未嵌入是因侧重参数复现而非报告溯源。
-
Tailwind默认不支持width过渡动画，需用transition-[width]配合内联style="width:X%"实现平滑动画，类名切换（如w-1/2）无法插值。
-
<address>标签默认斜体是浏览器UA样式决定的，非HTML规范强制；其语义仅限文档/文章作者联系信息，不可滥用；取消斜体用font-style:normal，需兼顾可访问性与语义正确性。
-
XMLHttpRequest读取XML时getAttribute()返回null的根本原因是浏览器误将XML当HTML解析，需设responseType='document'、服务端返回正确Content-Type，并用getAttribute()（非elem.id）读属性。
-
首屏预读机制是在首屏渲染完成、用户可交互后，利用主线程空闲时机按需加载非首屏必需但复用率高的数据，通过requestIdleCallback节制执行、状态标记防重复，并在DOM就绪后延迟启动。
-
FileSystemAccessAPI允许网页在用户授权后读写本地文件，支持Chrome86+和Edge95+，通过showOpenFilePicker()读取文件，showSaveFilePicker()保存文件，showDirectoryPicker()访问文件夹，createWritable()修改文件内容，并可请求持久化权限以减少重复授权，适用于文本编辑、笔记等需本地存储的场景。
-
可使用手机浏览器、专用App、Termux服务器或在线平台运行HTML和JS文件。首先将文件保存至手机，用浏览器直接打开可加载页面并执行JavaScript；其次安装如“HTMLViewer”等工具App，支持导入文件和实时预览；再者通过Termux安装Python并启动HTTP服务器，在浏览器访问localhost:8000即可模拟真实环境；最后可借助JSFiddle、CodePen或Replit等在线平台移动端，编写代码后即时运行并保存项目。
-
纯HTML+CSS旅行相册：用语义化<figure>+<figcaption>组织照片、地点、日期，配合srcset/sizes响应式图片、grid-template-columns:repeat(auto-fill,minmax(320px,1fr))自适应布局及打印优化，确保信息完整、多端清晰、无需JS。
-
iOSSafari从初版起就明确不支持background-attachment:fixed，会静默降级为scroll；AndroidChrome也存在兼容性问题，推荐用::before伪元素+position:fixed替代，并注意z-index、clip-path、backface-visibility等关键细节。
