-
<time>标签必须设置符合ISO8601标准的datetime属性（如2026-04-17或2026-04-17T04:38:00+08:00），否则退化为普通容器，导致结构化数据失效、屏幕阅读器无法识别、插件无法提取时间。
-
纯HTML简历可行但不适用于ATS，适合熟人推荐、技术岗直投或个人网站展示；必须将姓名、联系方式、教育背景、工作经历、项目经验、技能等写入<body>，用<header><section><h2><article><ul>等语义化标签结构化内容。
-
msapplication-TileColor不生效主因是未与msapplication-TileImage成对存在；后者路径须为绝对、PNG格式、正方形、不透明、MIME正确，且需用户手动固定站点才能触发渲染。
-
要使360浏览器支持HTML5，必须启用极速模式（Blink内核）、禁用兼容性视图、删除强制IE渲染的meta标签，并通过http://访问html5test.com实测得分≥470分。
-
应使用100dvh替代100vh，兼容老版本则结合focus/blur监听与min-height:100vh+height:100dvh层叠；fixed输入框避免scrollIntoView，改用scroll-margin-bottom或手动scrollTo；键盘收起用visualViewport.resize替代resize事件；flex布局需设height:100dvh及子项min-height:0。
-
BroadcastChannel可实现同源多标签页实时通信，需统一频道名、同源、合理收发与清理；支持结构化消息与事件监听，注意关闭频道防泄漏，并为隐私模式提供降级方案。
-
<p>使用prefers-color-scheme媒体查询结合自定义属性可稳定实现亮暗色自动切换，通过定义:root变量并配合oklch()颜色空间，在不同主题下动态调整文本与背景色；利用color-mix()函数可在现代浏览器中混合颜色，实现渐进式背景适配；借助相对颜色语法如oklch(fromvar(--bg)calc(l*0.8)ch)能基于背景色生成协调文字色，虽支持有限但代表未来方向；综合运用这些方法可模拟light-dark()效果，提升视觉一致性。</p>
-
transition-delay不生效通常因CSS覆盖、状态未变化或写法错误；须在初始状态定义完整transition，避免仅在hover中设置delay，且确保属性可过渡、值发生改变。
-
纯HTML无法实现真正的银行卡管理，因其仅能静态展示，缺乏数据存储、校验、加密及交互逻辑能力；所有核心功能需依赖JavaScript前端配合后端（如Node.js/Python）完成。
-
Vue3中::v-deep已废弃，应使用:deep()伪类且仅在<stylescoped>内有效；需配合外层作用域选择器，针对第三方组件真实类名使用，避免嵌套或多层穿透。
-
应通过开发者工具Network面板检查CSS请求的Status、Response及Content-Type，结合浏览器直接访问和curl验证，排查路径、大小写、MIME类型、标签语法及构建配置等多方面问题。
-
transition-opacity更可靠，因其基于CSStransition声明式控制，触发明确、可中断可逆；而animate-fadeOut依赖@keyframes+forwards，不处理DOM移除与状态同步，易致元素残留、遮挡点击。
-
必须为容器设置max-width并配合margin:0auto实现居中，否则大屏下正文行宽超120字符致阅读效率骤降；需确保元素为块级、避免误用margin:auto或max-width:100%等常见错误。
-
link标签必须写在head里，否则会触发FOUC；href需用绝对路径、rel="stylesheet"不可省略；CSS应按优先级顺序加载，避免@import和冗余type属性。
-
clip-path:polygon()是现代浏览器实现六边形最直接可控的方式，需用百分比坐标如(50%0%,100%25%,100%75%,50%100%,0%75%,0%25%)并配合明确宽高或aspect-ratio确保居中与响应式。
