<dialog>加open属性仅控制可见性，不触发模态行为；必须调用showModal()才启用遮罩、焦点捕获和Esc关闭，关闭须用close()而非修改open属性。

position:sticky在导航栏上不生效，主因是父容器overflow属性中断粘性行为、未设置top值、flex布局干扰、top值计算不当、margin-top不参与定位基准，以及Safari中transform等合成属性触发的WebKitbug。

setTimeout是JavaScript中用于延迟执行函数的异步方法，返回定时器ID可被clearTimeout取消，但存在最小延迟限制和执行不精确问题。

CacheAPI是现代缓存管理的核心，取代已废弃的AppCache，结合ServiceWorker实现离线访问与动态缓存。通过install事件预缓存资源、activate事件清理旧缓存、fetch事件实现网络优先策略，并采用版本化缓存名称确保更新。最佳实践包括使用内容哈希命名静态资源、合理设置动态内容缓存策略、借助DevTools调试及处理CORS限制，以平衡性能与数据新鲜度。

移动端无悬停动作，:hover在触屏设备上不按预期触发是设计逻辑不同而非bug；应通过@media(any-hover:hover)精准控制、touchstart激活iOS伪类、pointer-events:none解决伪元素遮挡，并避免依赖hover实现核心交互。

line-height控制文本行间距，影响阅读体验和布局。解决方案有：1.使用像素值（如24px）适用于固定字体大小场景；2.em/百分比相对于当前字体大小计算，但继承固定值可能导致子元素文本重叠；3.推荐使用无单位数值（如1.5），能自动根据子元素字体大小调整行高，保持比例，尤其适合响应式设计；4.设置line-height与height相等可实现单行文本垂直居中；5.多行文本通过line-height调节段落紧凑度；6.响应式设计中结合CSS变量、calc函数及媒体查询动态调整line-height，

JavaScript通过Reflect和Proxy提供反射机制，支持运行时动态操作对象。1.Reflect用于安全读写属性，结合Proxy可实现拦截与默认行为调用；2.常用于构建响应式系统、日志记录与权限控制；3.支持元编程，实现装饰器、序列化及ORM等高级抽象；4.Reflect.apply与Reflect.construct优化函数调用和实例化，提升灵活性与一致性。该机制在现代前端框架中至关重要，增强代码可扩展性，但需权衡性能与调试复杂度。

void运算符总是返回undefined，不改变变量值或内存状态，仅丢弃表达式结果；它用于IIFE防解析错误、javascript:void(0)阻止跳转，且比直接写undefined更安全可靠。

在Jimdo中实现HTML5轮播图需嵌入自定义代码，可选纯HTML5/CSS3/JS、Swiper.js、CSS伪类模拟或增强无障碍的响应式方案，各方法均需注意路径、DOM结构、语义标签及交互适配。

应使用<picture>而非<img>的核心场景是需按媒体条件或格式切换完全不同的图片资源；仅适配分辨率时用srcset即可。<picture>必须包含带src和alt的<img>作为兜底，否则不渲染且影响SEO与无障碍。

可在HTML5中通过五种方式集成地图：一、高德API嵌入交互式地图；二、百度API调用带AK的地图服务；三、SVG绘制静态中国行政区划；四、Leaflet接入高德/百度瓦片图层；五、D3.js结合GeoJSON实现动态可视化。

Vue3中解析XML需用DOMParser并指定"text/xml"类型，解析后转为JS对象再响应式处理，失败时检查parsererror元素，fetch应使用text()而非json()，避免v-html直接渲染XML。

HTML中普通空格不显示是浏览器默认行为，解析器会压缩连续空白并忽略首尾空格；需用&nbsp;、<pre>或white-spaceCSS等语义化方式保留格式。

Flex布局空白过大主因是误用justify-content:space-around/between；推荐用gap属性精确控制项目间间距，或改用justify-content:flex-start配合margin，辅以检查padding、width及内容默认样式。

纯HTML5静态页面无法实现真正安全的登录功能，仅能模拟假登录、对接后端API或用localStorage标记状态；必须用服务器运行并调用真实后端接口完成身份验证。