-
HTML5本身不支持3D建模与模型拆分，需依赖WebGL库（如Three.js）加载预处理的独立mesh模型；点击分离效果取决于建模软件中部件是否设为独立对象并正确导出，运行时通过Raycaster检测+位置偏移实现，关键在建模结构、导出配置与对象管理。
-
HTML没有原生<inputtype="picker">，所谓picker实际是用HTML+CSS+JS模拟或调用type="date"等原生控件唤起系统滚轮；手写需用transform:translateY()+触摸事件实现惯性吸附滚动。
-
DocumentPicture-in-Picture仅支持Chromium系浏览器（Chrome113+等），且必须由用户手势触发video.requestPictureInPicture()，视频需有有效src、处于安全环境、已播放；状态监听须用document.addEventListener('enterpictureinpicture')和'leavepictureinpicture'，退出应调用document.exitPictureInPicture()。
-
DecompressionStream仅异步解压二进制数据，输出ArrayBuffer或Blob，不还原DOM；需先序列化HTML再解压，再用DOMParser或innerHTML安全重建节点，并手动恢复状态与事件。
-
正则中|应在分层建模后用于聚合语义等价的维度取值，而非简单枚举；需用括号明确分组、^$锚定，并推荐命名捕获提升可维护性。
-
wrap="hard"在提交时基本失效，因Chrome、Edge、Safari完全忽略该属性，Firefox自v68+起也移除支持；实际换行符仅来自用户手动按Enter，与wrap属性无关。
-
Chrome/EdgeDevTools可直接验证文本对比度：右键检查元素→悬停文字→「辅助功能」→「对比度」查看数值与图标（✅≥4.5:1，⚠️不达标，❌未达最低）；WebAIM依WCAG公式精确计算，支持所有颜色格式及半透明提示；伪元素、SVGtext、禁用按钮、label等易漏场景须手动测；JS可快速扫描全页低对比度节点，但最终以渲染像素为准。
-
<param>标签不支持valueType属性，仅标准属性为name和value；valuetype是已废弃的旧规范属性，现代HTML5中无效；value始终是字符串，传对象需手动序列化（如JSON）并解析。
-
健身网站需严格遵循HTML语义化规范：主标题用唯一<h1>，简介置于<main><section>内，封面图用<figure>，动作列表必须用<ol>而非<section>，评论区用带aria-labelledby的<section>。
-
<p>HTML注释正确写法是<!--注释内容-->，浏览器完全忽略其内容；常见错误包括漏结尾、嵌套注释、位置不当及含--或>；适合模块分隔、临时禁用代码、标记TODO；不适合script/style内、属性中或藏敏感信息。</p>
-
本文介绍如何将混合字符串与对象的扁平数组，按字符串标题进行逻辑分组，并准确提取每个标题后跟随的所有对象，避免索引计算错误，提供两种实用结构化方案。
-
box-shadow模拟烟花可行但有硬伤：粒子方向固定、数量上限低（20–30个）、无法真正放射，适合轻量装饰而非物理引擎；其本质是单DOM节点叠加静态投影，省资源但缺乏动态散射能力。
-
双击HTML文件即可用浏览器运行HTML5，无需额外软件；若需使用AJAX等本地功能，应通过Python或LiveServer启动本地服务器；手机测试时可传文件或通过WiFi访问本地服务，现代浏览器均原生支持HTML5。
-
CSS层叠优先级由DOM中link和style标签的物理顺序决定，后加载的样式覆盖先加载的同名规则，而非选择器权重或!important数量。
-
使用align-items和justify-items可实现Grid子元素在网格单元格内垂直水平居中，前者控制Y轴对齐，后者控制X轴对齐，适用于多个子项统一居中；若需单独控制，则使用place-items或align-self与justify-self。
