-
position:sticky失效主因是父容器无明确高度或可滚动溢出、元素display不兼容、父容器存在transform等新格式化上下文、top未显式设置；需确保最近块级祖先满足滚动前提，且sticky元素在流中初始位置合理。
-
锚点跳转失效主因是id与href匹配细节或DOM状态异常：id须全局唯一且不以数字开头；href需为合法hash格式；目标元素须已渲染且可见；可用scrollIntoView()替代或监听hashchange手动滚动，并用scroll-margin-top解决吸顶遮挡。
-
浮动导航栏应使用position:fixed而非float，因float本用于图文环绕，无法实现视口固定悬浮，会导致滚动消失、父容器塌陷、定位失效；fixed定位配合top/left、z-index和bodypadding-top才是正确解法，并需针对移动端缩放、软键盘、横竖屏等边界场景做适配。
-
HTML空元素共14个，是W3CHTML5标准明确定义的无内容、无闭合标签元素：area、base、br、col、embed、hr、img、input、link、meta、param、source、track、wbr。
-
<dialog>标签需调用show()或showModal()才显示；show()为非模态，背景可交互；showModal()为模态，禁用背景、自带遮罩、支持Esc及点击遮罩关闭，但需dialog::backdrop样式生效，且须正确处理焦点与可访问性降级。
-
Intl.ListFormat比手写join更可靠，因其内置多语言分隔规则（如英语用“and”、中文用“、”、日语用「・」），而手写无法覆盖语义差异；应按locale和选项缓存实例，传入前归一化为字符串数组，并注意SSR和响应式场景下的正确初始化与DOM方向处理。
-
opacity属性控制元素整体透明度，取值0–1；仅背景透明需用rgba/hsla；IE8以下需filterfallback；transparent仅为颜色关键字，不适用于opacity。
-
AbortController是浏览器提供的通用中止信号机制，fetch通过signal选项接收其AbortSignal实例；调用controller.abort()会触发abort事件，使关联fetch立即以DOMException（name="AbortError"）reject，终止内部状态机而非撤回网络包。
-
section标签是HTML中具有语义的结构化标签，用于定义文档中带有明确主题和标题的独立章节，如文章部分、产品模块等，提升可访问性和SEO；每个section应包含h1-h6标题，适用于有逻辑划分的内容区块，但不应仅用于布局或无主题的分组，此时应使用div或其他更合适的标签；与article（独立内容）、div（无语义容器）、aside（侧边相关）不同，section强调内容的组织层次，合理使用可使页面结构清晰，利于用户和搜索引擎理解。
-
HTML函数工具对电池健康及续航无实质影响，因其仅在浏览器中短时执行、不触发硬件驱动、不改变电池化学老化，瞬时功耗上升可忽略，后台运行亦受浏览器限频与系统管控。
-
文字发灰主因是屏幕色域、亮度、对比度及环境光差异，非颜色值问题；应优先保障明度对比、采用LCH/OKLCH色彩空间、用@media适配屏幕特性，并确保WCAG对比度达标。
-
base/应存放设计变量、工具函数、基础排版规则和真正全局默认行为，而非仅重置样式；需分设variables.css、mixins.css、typography.css，并慎用reset.css。
-
play()不提供播放进度，需通过currentTime属性获取；必须等待canplay等事件后再读取或设置，推荐用timeupdate事件监听而非setInterval；设置失败多因媒体未就绪或策略限制。
-
data-theme属性需配合CSS属性选择器生效，推荐绑定到<html>元素并显式设置初始值，结合localStorage与matchMedia实现无闪切换。
-
本文详解HTML页面中CSS背景图（JPG）无法加载的常见原因及解决方案，涵盖路径写法、属性拆分、推荐实践与调试技巧，助你快速修复background:url(...)不生效问题。
