-
正确：<frameset>与<body>互斥，二者不能共存于同一HTML文档中；浏览器解析时若遇<frameset>会忽略<body>内容，且<frameset>必须作为<html>的直接子元素。
-
快速掌握HTML5需聚焦语义化标签、表单控件、音视频嵌入、Canvas绘图和响应式布局五方面：一、用header/nav/main/article/aside/footer构建清晰结构；二、使用email/url/number/date等input类型及required等属性实现原生校验；三、通过audio/video标签嵌入多媒体并控制播放；四、利用canvasAPI绘制矩形、圆形等基础图形；五、结合viewport元标签与媒体查询实现多端适配。
-
header和footer是语义容器而非视觉标签，必须依附于body、article等明确作用域；禁止嵌套、滥用或仅作样式用途，否则破坏可访问性、SEO及结构解析。
-
absolute子菜单总飘左上角是因为父级未设position:relative；它相对于最近非static祖先定位，若无则贴body；须确保直接父容器（如li.menu-item）设relative，且DOM无缝隙、交互全覆盖。
-
Vite原生支持Less，只需安装less包，无需less-loader；必须配置additionalData或modifyVars才能复用全局变量和mixin，二者用途不同且不可混用。
-
inline-block间隙本质是HTML换行符渲染为空格字符，其像素宽度由父容器font-size和字体空格字宽决定，不同浏览器对空格度量存在差异，导致Chrome约3px、Safari约4px、Firefox约3.5px间隙。
-
BEM通过“块__元素--修饰符”结构解决CSS作用域失控问题：user-card__avatar--large明确标识模块归属、部件身份与状态变体，避免同名类冲突与语义混淆。
-
clip-path动画在PPT切场中常失效，因inset()与polygon()等函数参数结构不兼容无法插值；仅同一函数内参数变化或path()（Chrome102+/Safari16.4+）可平滑过渡；推荐用inset()配合CSS变量和cubic-bezier实现四向压入效果，并注意Firefox卡顿及iOSSafari路径长度限制。
-
浮动塌陷致父容器高度为0，因浮动元素脱离文档流；IE6–8存在双倍边距、3像素bug等兼容问题；推荐用overflow:hidden触发BFC或display:inline修复，新项目优先用flex并注意IE10前缀。
-
首选grid-template-columns:repeat(auto-fit,minmax(300px,1fr))，因其实现纯CSS列数自适应，无需JS或框架，兼容性好、逻辑清晰、维护成本低。
-
&符号在Less中代表当前嵌套路径的完整祖先选择器序列，而非简单拼接；它绑定于所在规则块的直接父级，不支持字符串切片或运行时解析。
-
Proxy封装localStorage是实时监控本页操作的务实方案：拦截setItem等方法实现敏感键写入告警、删除审计与上下文追溯，弥补storage事件无法监听本页修改的缺陷。
-
Proxy用于创建对象代理以拦截和自定义操作，Reflect提供调用默认行为的统一方法，二者结合可实现日志记录、数据绑定、类型校验等功能，如通过get/set捕获器监控属性访问与修改，并利用Reflect保留原始行为，广泛应用于响应式系统（如Vue3）、数据验证和调试工具中。
-
BackgroundFetch不能直接下载HTML并渲染，仅Chrome84+/Edge90+支持，需HTTPS、用户手势等条件；它只后台下载资源，不处理DOM或缓存，真正可行方案是配合fetch+CacheAPI预存HTML。
-
CSS变量可动态控制background-position，需在:root或选择器内声明带单位的变量，用var()调用并配合calc()计算，多背景图时须一一对应变量，注意兼容性与生命周期管理。
