-
最稳妥做法是使用<asidearia-label="该话题已于2024年6月15日关闭讨论"><p>已关闭讨论<timedatetime="2024-06-15">2024年6月15日</time></p></aside>，语义清晰、屏幕阅读器友好且利于SEO。
-
外边距合并不是bug而是CSS规范行为：垂直相邻块级元素的margin-top/margin-bottom会取较大值合并。典型场景有相邻兄弟元素、父子塌陷、空元素自合并；推荐用BFC（如display:flow-root）、统一设margin-bottom、gap或微调padding/border来隔离。
-
富媒体摘要必须使用JSON-LD格式的<scripttype="application/ld+json">，且结构化数据需与页面可见内容严格一致；Article类型须含headline、datePublished、author等字段，image须为可访问的数组，datePublished等日期须为带时区的ISO格式。
-
img元素永远不匹配:empty，因其为替换元素且始终存在于DOM；可靠方案是onerror添加broken类，配合img.broken::after伪元素显示占位符，并注意object-fit下的定位错位问题。
-
答案是通过合理使用组合选择器和命名规范来控制CSS优先级。应避免依赖高权重选择器如ID或!important，转而采用类组合与BEM等命名约定，提升样式的可维护性；通过父级类名限定作用范围，减少全局污染；团队中统一规范并借助工具检测，能有效降低优先级冲突，使CSS结构更清晰稳定。
-
HTML5通过async和defer属性优化脚本加载：async适用于独立脚本（如统计代码），下载不阻塞解析但执行时机不确定；defer适用于依赖DOM的脚本（如轮播图），按顺序在DOM解析后执行；二者均不解决图片压缩、CSS阻塞等其他性能问题。
-
background-attachment:fixed在iOS和多数安卓WebView中被浏览器主动禁用以保性能，伪元素+position:fixed是可靠替代方案，需设top/left/right/bottom为0、z-index:-1、background-size:cover与center配合，并避免transform/filter干扰。
-
CSS不生效主因是路径解析错误：file://协议下./指HTML所在目录，而http://服务器中./或/的基准取决于documentroot；应通过Network面板查404请求的实际URL，并统一用构建工具的base配置或相对路径确保一致性。
-
Reflect是JavaScript正式引入的与Proxy配套的底层操作集合，提供统一、可拦截、返回布尔值的标准接口；其方法一一对应Proxytrap，支持receiver控制、优雅失败、完整键枚举及纯语义访问。
-
HTML转PDF慢在渲染而非转换，核心耗时源于CSS/JS加载、排版绘制；需用waitForFunction代替networkidle2，禁用setTimeout，配置字体嵌入与本地文件访问。
-
真正起作用的验证码必须服务端生成并比对；PHP可用GD扩展+Session实现，或采用GooglereCAPTCHAv3后台打分验证。
-
真正有用且被主流浏览器一致支持的http-equiv值仅有Content-Type、Refresh和Content-Security-Policy；其中Content-Type仅在无metacharset时降级生效，Refresh存在历史记录破坏与用户交互限制，CSP则能力弱于响应头且不支持nonce等关键特性。
-
可通过监听fullscreenchange事件并检查document.fullscreenElement来准确判断全屏状态，据此动态调整UI；全屏API须在用户手势中调用，退出时用document.exitFullscreen()并处理Promise；CSS可配合:fullscreen伪类和class切换实现响应式适配。
-
Less中用~""包裹字符串可阻止编译器解析，适用于calc()、url()、font-family等含特殊符号或CSS函数的场景；插值@{xxx}可在其中使用，但函数调用需在~""外完成，escape()不适用此目的。
-
background-blend-mode无法实现遮罩层只盖背景不盖文字，因其仅混合背景图层颜色，不控制层叠顺序；正确方案是用position:relative+::before伪元素+z-index分层，使遮罩与文字成为独立可控图层。
