-
HTML a标签的hreflang属性用于指定链接目标页面的语言和区域版本，帮助搜索引擎和用户更准确地找到对应语言的页面。它常用于多语言网站中，确保用户点击链接时跳转到正确的语言版本。1. hreflang 属性的作用hreflang 属性告诉搜索引擎或浏览器该链接指向的是哪种语言和地区的页面。例如：
hreflang是link标签的属性，非a标签属性；a标签中使用hreflang会被浏览器完全忽略，因其语义仅用于用户导航，不参与语言关系声明，而hreflang专用于head中link标签向搜索引擎声明多语言页面间的对应关系。173 收藏 -
script-src白名单需用单引号包裹、空格分隔，仅列必需来源；必须显式写'self'，不支持通配符或路径；内联脚本默认被禁，应优先用HTTP响应头配置并配合Report-Only模式调试。483 收藏 -
必须同时设置value和max属性才能渲染progress标签；仅设value会失效，max默认为100但需显式声明；value超max会被截断，IE11及以下不支持，需降级；JS更新需防抖、用requestAnimationFrame、统一计算百分比；样式兼容性差，Chrome/Firefox伪元素规则不同；复杂需求应改用div+ARIA手写方案。245 收藏 -
requestFullscreen()必须由用户手势（如click）同步触发，否则浏览器静默拒绝；需检查元素是否挂载且可见，iframe需加allow="fullscreen"；退出时须先判document.fullscreenElement再调document.exitFullscreen()并兼容前缀。467 收藏 -
HTML中需转义<、>、&、"、'五字符，\_通常无需转义但混用Markdown时需写\\_；短代码用<code>加转义，多行用<pre>。357 收藏 -
用position:absolute+top:0+left:0+width/height:100%使图片叠于父容器左上角，父容器需设position:relative和明确高度，配合z-index与opacity切换，预加载图片并用object-fit:cover防变形。446 收藏
