-
HTML不创建manifest.json，仅通过<linkrel="manifest">引入；该文件须手动编写并部署于根目录或正确路径，满足HTTPS、application/manifest+jsonMIME类型、非空name/short_name及含192x192和512x512PNG图标的icons等条件。
-
未读邮件应通过左侧4px竖条标识，颜色使用CSS变量并满足WCAGAA标准；整行点击需用pointer-events控制链接交互；Safari多选失效时改用visibility:hidden或:has()选择器；未读计数须缓存状态而非实时遍历DOM。
-
viewport-fit=cover是启用env()安全区变量的前提，缺失时iOSSafari中env(safe-area-inset-*)恒为0px；必须在metaviewport中显式声明且不可动态插入，需配合fallback值或env(var,fallback)语法及@supports检测确保兼容性。
-
圆角动画回退突兀的本质是border-radius过渡未被正确触发或中断，需用@keyframes配合animation-direction:reverse和animation-fill-mode:forwards实现可控双向动画，统一单位、禁用auto/inherit，并推荐element.animate()API精确控制。
-
使用<img>标签插入图片需设置src、alt及尺寸属性，结合srcset与sizes实现响应式，通过<picture>优先加载WebP/AVIF格式，启用loading="lazy"进行懒加载，并利用CDN优化，可显著提升网页性能与用户体验。
-
grid-column:span2生效的前提是父容器必须明确定义列轨道，如通过grid-template-columns设置；否则因无列宽基准，span无法计算而失效。
-
JavaScript支持多种算法实现，排序算法如冒泡排序通过相邻元素交换实现升序排列，快速排序采用分治法递归分割数组；查找算法中二分查找适用于有序数组，通过比较中间值缩小范围。
-
HTTPS是现代网页运行的强制前提，因浏览器将HTTP视为不安全上下文，导致fetch跨域拒绝、Geolocation报错、ServiceWorker无法注册、混合内容被拦截、HTTP/2与HTTP/3无法启用等核心功能失效。
-
Array.prototype.at()能安全简洁地从路径字符串分割后的数组中按相对位置取值，如parts.at(-1)取末段、at(-2)取父目录，避免length计算和空数组报错，支持链式调用与可选链降级。
-
Bootstrap5+卡片文字不换行的根源是white-space:nowrap默认样式压制了word-wrap，须用white-space:normal重置，并配合overflow-wrap:break-word和word-break:break-word实现可靠换行。
-
CSS变量管理主题色是最灵活易维护的方案，通过语义化命名（如--color-primary）、全局定义、组件引用、多主题切换（class或JS控制）、fallback默认值及局部重写实现高效主题管理。
-
fixed定位指元素相对于视口固定，结合媒体查询可适配不同屏幕。例如返回顶部按钮在大屏显示、小屏隐藏，通过@media调整样式，提升响应式体验。
-
sanitize.css是现代项目必备基础样式库，它通过:where()保持低特异性、保障表单一致性、默认支持响应式与无障碍，比手动重置或使用reset.css更高效可靠。
-
完全可行但需放弃“用JS写TS语法”的幻想：JSDoc的@type仅提供类型提示与文档元数据，不参与运行时；需启用checkJs、配置tsconfig、配合apidoc的TypeScript支持及正确import()引用类型，才能实现类型安全与文档自同步。
-
语义化HTML标签是SEO核心，<main>必须唯一且包裹主体内容，<header>/<footer>影响权重分配，标题层级须严格递进，<figure>+<figcaption>提升图片SEO，标签须匹配真实内容结构。
