-
position:absolute元素“消失”是因脱离文档流导致父容器高度塌陷；需通过min-height、伪元素或padding等主动占位，而非仅设parent为relative。
-
h1必须且只能出现一次，作为页面唯一主标题；h2–h6须严格按内容逻辑嵌套，禁止跳级或仅作样式使用；SEO与无障碍依赖正确标题结构，需通过工具在CI中自动化校验。
-
localStorage需监听input事件实时保存，对象须JSON.stringify/parse，DOM就绪后回填并区分控件类型赋值，主动探测可用性并降级至sessionStorage，防抖300–500ms，提交或手动清空时及时删除。
-
最稳妥方式是利用Bootstrap5.3+的CSS变量--bs-border-color；全局修改在:root中重设该变量，局部修改则新增类并同时声明th、td和theadth的border-color。
-
nonce是CSP中允许内联脚本的安全机制，需服务端动态生成并严格匹配响应头与script标签中的值；不支持meta标签设置，且对eval和内联事件无效。
-
SVG缩放失真的根本原因是viewBox宽高比与容器width/height宽高比不一致，导致浏览器强行拉伸坐标系。viewBox定义内部坐标范围，实际尺寸由width/height决定，二者比例必须匹配，否则变形；preserveAspectRatio控制对齐与裁剪方式，不可忽略。
-
iOSSafari中vh跳变是因地址栏收起/展开改变window.innerHeight，导致vh值突变；应优先用calc(env(height)-env(top)-env(bottom))并fallback至100vh，或JS监听resize动态设置--vh变量，dvh暂不可单独依赖。
-
HTML5语义化标签通过明确内容含义提升SEO，如<header>、<nav>、<main>等标签帮助搜索引擎准确识别页面结构与重点信息，增强内容相关性判断，从而优化索引与排名。
-
box-sizing的content-box使width/height仅含内容区，border-box则让width/height包含padding和border；margin和padding在两种模式下均有效且行为不变，但border-box会压缩内容区宽度。
-
本文详解如何将原本通过#fragment锚点控制渲染的外部SVG，迁移到内联场景下，并精准控制显示其中某个具名<g>（如#multicolor-onLight），避免ID冲突与默认只渲染首个元素的问题。
-
动态HTML与静态HTML的根本差异在于：1.静态HTML是内容固定的网页，服务器直接将预写好的文件发送给浏览器展示，内容不会随用户、时间或数据变化而改变；2.动态HTML则能根据用户行为、数据更新或时间变化实时生成或调整内容，具备交互性和响应性，主要依赖JavaScript操作DOM、CSS3实现动画过渡、以及服务器端编程结合数据库动态填充内容，从而实现个性化和实时更新的用户体验。
-
本文详解在裸ReactNative项目中集成expo-av实现视频本地缓存的完整方案，涵盖路径处理、文件写入、URI适配及常见兼容性问题（如react-native-fs路径不被expo-av识别），并提供可直接运行的优化代码与关键注意事项。
-
使用Flask、CGI或JavaScript与后端API交互可实现HTML中嵌入Python逻辑：一、Flask通过路由函数动态生成HTML并返回；二、CGI在服务器端执行Python脚本并输出HTML响应；三、前端通过fetch请求与Python后端（如FastAPI）通信，实现数据动态渲染。
-
rgba()的alpha参数必须是0–1小数而非百分比或整数，错误写法如rgba(0,0,0,50%)会导致样式失效；alpha作用于颜色本身且不继承，区别于影响后代的opacity。
-
Firefox不支持-webkit-text-fill-color，须用background-clip:text+color:transparent实现渐变文字，且仅Firefox120+原生支持；旧版需降级为SVG或canvas。
