-
唯一有效的HTML入门动作是直接创建并双击运行index.html文件；只需用纯文本编辑器粘贴三行代码：<!DOCTYPEhtml><html><body>Hello,world!</body></html>，保存为UTF-8编码、.html后缀，即可在浏览器中显示。
-
ul>li*5只生成一个空li的常见原因是文件语言模式非HTML或光标位置错误；正确需设为HTML模式、光标在合法位置并按Tab展开。
-
SVG图标颜色需用fill而非color，且仅内联SVG可用CSS控制；设fill:currentColor可继承父级color，实现主题切换等动态效果，但需删除SVG源码中的固定fill属性。
-
WebWorker不降低总CPU消耗，仅转移计算；需注意路径解析、BlobURL优化、transferlist传大数据、及时终止、分块处理长任务及importScripts同步阻塞问题。
-
弹性盒子容器高度随内容变化是正常响应式特性，应使用min-height保底并允许自然撑开，配合flex-direction:column和gap等属性实现自适应布局。
-
360浏览器需在极速模式（Blink内核）下才完整支持HTML5核心能力；地址栏有闪电图标即为极速模式，否则切换并刷新；禁用硬件加速可解决黑屏/卡顿；file://协议受限需用本地服务器；HTML5无需额外安装，关键是确保内核、协议、编码匹配。
-
用requestAnimationFrame实现真暂停需维护isPaused状态，仅在非暂停时执行更新与渲染；避免cancelAnimationFrame，禁用按钮防连点，暂停UI用visibility:hidden+pointer-events:none保持布局，Canvas暂停时应clearRect再绘制菜单。
-
JavaScript的export和import语句在静态分析阶段建立模块间的绑定引用与依赖关系。1.引擎扫描export语句，记录导出的变量、函数等标识符绑定，如name和greet，不求值仅映射。2.import语句声明对其他模块导出名的依赖，引擎解析时确认来源模块存在对应导出并建立链接。3.通过递归分析import，构建完整的模块依赖图，明确加载顺序，支持循环依赖处理。4.静态分析验证语法正确性，检查导出是否指向有效声明、导入名称是否存在及命名冲突，错误提前在解析时报出。该机制确保ES模块依赖可预测
-
display:flex能绕过幽灵空白，因其切换至弹性盒格式化上下文，子元素作为flexitem被处理，源码中换行符、空格等空白字符被完全忽略，不进入行内格式化上下文（IFC），故从根源上不触发幽灵空白。
-
系统性掌握HTML5需分三阶段：一、掌握语义化标签结构，如<header><nav><main>等及DOCTYPE声明；二、通过复刻响应式页面练习盒模型与媒体查询；三、用JavaScript实现DOM获取、事件监听与内容修改。
-
MarginCollapse是CSS规范规定的相邻块级元素垂直外边距取较大值而非相加的行为，导致父容器塌陷、间距异常等“突然变矮”现象；可通过加border、padding、overflow或display:flow-root阻止，Flex/Grid容器子元素间不发生该合并。
-
必须同时设置background-origin:content-box和background-clip:content-box才能使背景严格限制在内容区；前者控制定位原点，后者控制渲染范围，二者缺一不可。
-
SharedWorker不能直接显示通知或申请权限，但可作为多窗口通知调度中枢，统一处理去重、可见性校验、节流及降级：通过业务ID缓存、permission与visibilityState双校验、客户端注册/注销管理，确保合规前提下轻量可控地推送通知。
-
页脚社交链接应使用带https://、rel="noopenernoreferrer"和target="_blank"的标签，图标优先内联SVG并添加aria-label，用CSSGrid实现响应式布局，确保移动端点击区域≥44×44px。
-
说明：width: 100% 会让图片宽度等于其父容器的宽度。displ">
最直接有效的方式是设置img{width:100%;height:auto;display:block;}；固定尺寸容器用object-fit:cover/contain；装饰性图片推荐背景图；全屏场景结合vw或%单位。
说明：width: 100% 会让图片宽度等于其父容器的宽度。displ