-
header是页面或区块头部容器，nav专指主导航链接集合；article须独立可分发；section需带标题才具语义；正确语义标签提升SEO与无障碍访问。
-
HTML5原生表单验证可在可视化编辑器中使用，但需禁用默认即时校验（如novalidate），改用data属性存规则，在预览/导出时动态注入并调用reportValidity()按需校验，避免实时触发与DOM生命周期错配。
-
防抖函数需用...args传参并fn.apply(this,args)保this，addEventListener要加{passive:false}确保preventDefault有效，混用节流防抖时勿误配immediate参数，组件中须在卸载时清除定时器避免内存泄漏。
-
HTML5标准列表用<ul>（无序）和<ol>（有序）标签，均需嵌套<li>项；语义决定用途：<ul>表并列项，<ol>表逻辑顺序；嵌套须严格闭合，禁直接子元素嵌套；横向布局优先用flex/grid；术语定义用<dl><dt><dd>。
-
观察者模式通过主题与观察者解耦实现状态自动通知，JavaScript中可用于事件处理与数据绑定。
-
掌握text-align、line-height和letter-spacing可提升网页文本可读性与美观；text-align控制对齐方式，line-height调节行间距改善阅读节奏，letter-spacing微调字间距优化视觉效果。
-
使用padding-bottom技巧和max-width实现响应式视频嵌入：通过设置容器width100%、height0、padding-bottom保持宽高比（如16:9对应56.25%），结合绝对定位使iframe充满容器，再添加max-width限制最大尺寸并配合marginauto居中，支持不同比例通过类名区分，确保视频在各设备正常显示。
-
JavaScript事件处理依赖浏览器任务队列调度，宏任务（如点击、setTimeout）与微任务（如Promise.then）分层执行，每次宏任务后清空微任务队列；事件委托、passive选项、stopPropagation与preventDefault区分等细节决定实际行为。
-
FlutterWeb不支持直接写HTML语句嵌套，仅可通过HtmlElementView在DOM层级混合原生HTML元素；需预定义容器ID、手动管理尺寸与z-index、避免滚动/动画widget包裹，并通过JS-Dart桥接通信，且应优先选用纯Dart方案。
-
JavaScript无原生宏系统，但可通过Babel插件、DefinePlugin等构建工具实现编译时代码替换，或用高阶函数、Proxy、模板字符串+eval模拟运行时宏行为，关键在于区分编译时与运行时需求，并兼顾代码可读性。
-
JSON.parse(JSON.stringify())不能用于生产环境，因其会丢失Date、RegExp、undefined、function、Symbol、BigInt等类型，并无法处理循环引用；仅限纯JSON安全结构的临时调试。
-
答案：:only-child伪类选择器用于选中其父元素中唯一的子元素，无论类型如何，等价于:first-child:last-child；例如p:only-child会为唯一段落添加样式，而img:only-child可实现单图居中；与:only-of-type不同，后者仅要求同类型唯一，不需整体唯一。
-
全屏背景视频需设position:fixed+width:100vw;height:100vh+object-fit:cover；z-index失效因video创建独立堆叠上下文，应加isolation:isolate；移动端需muted、autoplay、playsinline三属性并存。
-
::first-letter的font-size无法动画，因规范限制且渲染机制特殊；应改用真实span包裹首字母并应用transition或keyframes实现可靠动画效果。
-
阴影自然的关键是调低模糊半径、减小偏移量、用低透明度rgba色值匹配背景；推荐卡片用04px12pxrgba(0,0,0,0.1)，浅色背景配0.05–0.12透明度与8–16px模糊，深色背景改用浅色阴影。
