-
HTML不是编程语言，它没有逻辑、不处理数据、也不控制流程，仅定义网页结构和内容语义；必须以<!DOCTYPEhtml>和<html>开头确保浏览器正确解析，标签使用需遵循语义规则。
-
@apply是Tailwind的PostCSS编译特性，非标准CSS语法，需经PostCSS处理才能生效；未走编译流程、路径未被content扫描、作用域隔离未声明@reference、@layer使用不当等均会导致报错或失效。
-
Firefox中设置超过7天有效期的Cookie时自动截断为7天，通常并非浏览器默认行为，而是由启用的隐私保护扩展（如广告拦截器或TotalCookieProtection）主动干预所致。禁用相关扩展即可恢复正常。Firefox中设置超过7天有效期的Cookie时自动截断为7天，通常并非浏览器默认行为，而是由启用的隐私保护扩展（如广告拦截器或TotalCookieProtection）主动干预所致。禁用相关扩展即可恢复正常。在We
-
可在HTML中用<metaname="auth"content="whitelist">声明免登录页，路由守卫据此跳过登录校验，适用于内部工具等无需鉴权场景，但关键接口仍需服务端鉴权。
-
使用grid-template-areas可直观定义页面布局。1.通过字符串命名区域排列，如"headerheaderheader""sidebarmainmain""footerfooterfooter"创建三行三列结构；2.子元素用grid-area关联名称，自动定位；3.配合grid-template-rows和grid-template-columns设置尺寸，媒体查询中可重定义区域实现响应式；4.用点（.）表示空白单元格。该方法语义清晰，易于维护，适合常见网页结构。
-
Reflect.get用于运行时取值（支持receiver），Object.getOwnPropertyDescriptor用于查询属性元信息；Proxy中应优先使用Reflect方法以确保语义正确和行为可组合。
-
:root伪类用于定义全局CSS变量，如颜色、字体等，便于维护和复用；通过var()调用变量，结合JavaScript可实现主题切换，如暗色模式；在媒体查询中重定义:root变量可实现响应式设计，提升项目可扩展性。
-
export仅定义同步能力的接口契约，不实现分布式同步逻辑；其通过命名导出、默认导出和类型导出暴露可复用、可测试的同步API，依赖鸿蒙等底层分布式能力完成真实数据同步与通讯。
-
HTMLmeta的content是元数据值，须与name或http-equiv配对；CSS伪元素的content是生成内容指令，仅用于::before/after；contenteditable是布尔属性，控制编辑状态，三者语义与用法互不相关。
-
Tailwindscrollbar-hide插件无效需检查三件事：npm包是否安装、tailwind.config.js中plugins是否引入、content路径是否覆盖JSX/TSX文件；类必须加在滚动容器上，且该容器需有溢出内容和固定高度。
-
HTML通知（NotificationAPI）与WebPush需配合使用才能实现关页后推送；Notification仅负责显示，WebPush负责后台消息传递；Permission为"default"是因用户未明确授权，须由用户主动触发且HTTPS下运行。
-
纯CSS无法生成真正随机色，必须用JS计算HSL值并写入CSS变量，再通过hsl(var(--h),var(--s)%,var(--l)%)动态应用；需预设fallback、控制取值范围、添加transition且作用于目标元素。
-
应按语义功能域拆分CSS而非文件体积，如button.css、form-layout.css；首屏关键样式内联，非关键样式异步加载；统一变量定义于tokens.css，禁用!important；构建时按内容哈希聚合共享样式。
-
如果图片和 H">
图片不显示的四大原因：路径错误（相对HTML文件）、img标签不规范（未自闭合或缺alt）、CSS隐藏（如overflow:hidden或vertical-align问题）、格式兼容性差（如WebP不支持）。
-
推荐使用sepia(0.6)contrast(1.1)brightness(0.95)组合实现自然老照片效果，避免sepia(1)过重发黑；透明PNG需配合泛黄背景（如#f8f2e9）防止层次丢失；高保真褪色需Canvas或SVG方案，但性能开销大。
如果图片和 H