-
HTML中无需添加keywords标签，因Google自2009年、百度自2014年起均不再将其用于排名；应删除该冗余标签，转而确保title、description和viewport三个现代SEO核心标签准确存在且规范。
-
flex-direction:row-reverse使子元素沿水平主轴从右到左排列，主轴起点与终点互换，DOM顺序不变但视觉顺序反转；适用于聊天气泡等需逆序显示的场景，而非单纯右对齐。
-
当HTML<select>的value属性值包含空格（如全名"JohnDoe"）时，若未正确使用双引号包裹value，浏览器会将其解析为多个独立属性，导致PHP仅接收到第一个单词。根本原因在于HTML属性值未被合法引号包围。
-
repeat()严格按参数生成轨道数：首参为重复次数，次参为轨道定义；如repeat(3,1fr)生成3条1fr轨道，非“三等分”。
-
outline不参与盒模型，不占布局空间，绘制在border外，用于聚焦提示、调试或替代边框，结合outline-offset可调整视觉距离，不影响元素尺寸与页面结构。
-
hover动画卡顿或不触发，主因是浏览器未提前提升图层；应默认设will-change:transform，用transform替代top/left，SVG填色改用fill="currentColor"，transition需明确属性并设初始值，间距统一用gap或margin-right:last-child。
-
WebWorker传参报DATA_CLONE_ERR错误是因为结构化克隆不支持function、undefined、RegExp、Date（部分）、Error、DOM节点及循环引用对象；应只传plainobject、array、string、number、boolean、null、ArrayBuffer等可克隆类型，复杂类型需转换为可序列化形式。
-
HTML开发与PD快充毫无关系，因其仅负责页面结构描述，不访问硬件电源模块、不参与USBPD协议协商；navigator.getBattery()仅可读取电池状态，无法控制充电。
-
Vue中子组件不得直接修改props，须通过$emit通知父组件更新以维持单向数据流；错误做法包括复制props到data或用computedsetter，正确方式是watch监听或Vue3中用defineProps/defineEmits规范通信。
-
可通过LiveServer扩展、手动浏览器打开、配置任务或多光标操作实现VSCode中多HTML文件预览。一、安装LiveServer后右键各HTML文件选择OpenwithLiveServer，可共享服务器同时运行多个页面。二、复制HTML文件路径并在浏览器新标签粘贴打开，无需扩展即可预览多个文件。三、在tasks.json中配置shell任务，使用命令如startchromefile1.htmlfile2.html一键启动多个页面。四、按住Ctrl选择多个文件，结合多光标编辑并批量右键用LiveSer
-
Vue自定义事件必须用kebab-case命名且避开原生事件名，如user-created；禁用userCreated、click等；推荐加业务前缀如form:validated；setup中可用safeEmit校验。
-
position:sticky在thead里为什么没反应因为thead默认不是块级容器，且父元素（table）的overflow行为会截断粘性效果。浏览器对table元素的sticky支持本就受限，很多情况下thead即使写了position:sticky也完全不生效。必须给thead>tr>th或thead>tr>td单独设position:sticky，而不是只设在thead上top值不能为0（尤其在有滚动容器时），建议用top:
-
需用@font-face引入自定义字体，优先WOFF2格式并提供多格式回退；通过font-family调用，建议加通用字体兜底；可用CSS变量统一管理族名；注意CORS跨域限制及font-display:swap优化加载体验。
-
:active伪类可实现按钮点击反馈，需配合transform缩放或位移、transition动画及移动端兼容处理，避免无响应或样式卡顿。
-
clear:both失效是因为它只清除同级相邻浮动元素，无法影响父级浮动容器；真正有效的是让后续元素创建新BFC，如display:flow-root或overflow:hidden。
