-
系统性掌握HTML5需五策并举：一、构建含语义化、多媒体、API等模块的知识图谱；二、以项目逆向拆解培养技术直觉；三、每日代码实验强化运行时认知；四、用DevTools验证语义结构与无障碍属性；五、复现W3C案例厘清规范细节。
-
HTML4不支持WebSocket，因其是HTML5特性；需现代浏览器（IE10+等）、WebSocket服务端及wss://协议；须手动实现心跳重连、降级方案，并注意二进制数据处理与资源清理。
-
表单提交后数据未到服务器，主因是本地双击打开HTML时file://协议拦截请求，或后端未正确配置PHP解析、未启用HTTP服务；需用LiveServer运行、验证action路径、检查Network请求及后端响应。
-
audio的muted是布尔属性，仅存在即为true，不写为false；JS中audio.muted可读写布尔值，但需用户手势触发才能取消静音。
-
通过background-position、多层背景透明度或CSS变量间接实现渐变动画，利用位移、opacity过渡或变量动态变化模拟平滑动效。
-
ES6模块是浏览器和Node.js原生支持的标准化方案，需用type="module"启用，强制静态分析、支持tree-shaking；导出分命名导出（多个）和默认导出（一个），导入路径须带扩展名或相对/绝对前缀，循环依赖返回已初始化对象而非执行结果。
-
使用Object.assign()和展开运算符可合并对象，前者适用于老环境且支持动态传参，后者语法更简洁现代；两者均为浅合并，嵌套对象会整体替换而非递归合并，需用Lodash等库实现深合并。
-
Vuetify的hidden-sm-and-down类会在屏幕宽度≤960px（即sm断点及更小）时隐藏元素，导致按钮图标在中等及以下尺寸设备上不可见；应改用hidden-xs-only或响应式条件渲染来精准控制显示逻辑。
-
在HTML中，标记必填表单字段最直接的方式是使用required属性。1.通过在<input>、<textarea>、<select>等输入元素上添加required布尔属性，浏览器会在提交时自动验证这些字段是否填写；2.若未填写，浏览器会阻止提交并显示默认提示信息；3.此方法提升用户体验和数据完整性，避免用户因遗漏必填项而反复提交；4.然而，required仅提供客户端验证，不能替代服务器端验证；5.可结合JavaScript自定义错误提示，如使用setCustomV
-
浏览器拦截非用户主动触发的弹窗是安全机制，核心因JS在无用户手势上下文（如click）时调用window.open()；必须保证手势链完整，异步回调会丢失上下文；推荐用DOM模态框替代，或预留空窗口再导航。
-
HTML中引入CSS有内联、内部（<style>）和外部（<link>）三种方式，推荐外链；CSS变量以--开头，在:root或选择器中声明，用var()函数调用并可设回退值，JS需用setProperty修改。
-
本文介绍在React+TypeScript中，如何规范地实现容器组件（如NavBar）与其自定义子组件（如NavBar.Item）之间的状态协同与事件通信，重点推荐renderprops模式，并对比Context与Children处理的适用边界。
-
HTML嵌套过深时需严格缩进（2空格）、合理注释（仅关键处）、语义化class命名（如BEM）、慎用自动格式化并校验输出。
-
通过font-size、color和text-align类可高效实现文本样式控制，如text-lg设字号、text-blue-600定义颜色、text-center居中对齐，结合响应式类提升开发效率与视觉统一性。
-
flex-shrink默认值是1，但元素仍可能溢出，因其受min-width:auto（默认）和内容固有尺寸限制；需配合min-width:0才能有效收缩。
