-
外边距合并是CSS规范定义的垂直相邻块级元素上下margin取较大值而非相加的行为。常见于div间、父子间及空块元素；可用padding/border（需>0）、overflow:hidden、display:flow-root等阻断；负margin也参与合并，调试需查computed值。
-
HTML5表单需正确使用语义化属性才能提升可访问性：必须显式关联label与控件，fieldset+legend用于选项组，aria-invalid和aria-describedby须动态更新，type属性须真实匹配内容，自定义下拉须手动实现完整ARIA支持。
-
重绘代价高因深层嵌套扩大样式重算与几何更新范围，通配符选择器加剧匹配开销；修改布局属性触发重排，而transform等仅合成；应简化嵌套、避免通配符、提升动画元素为合成层，并用DevTools定位热点。
-
答案：JavaScript通过WebSpeechAPI实现语音识别与合成。使用SpeechRecognition将语音转文本，需在安全上下文并获麦克风权限；利用SpeechSynthesis将文本转语音，可设置语速、音调等参数。两者结合可用于语音助手、无障碍阅读等场景，但语音识别兼容性有限，主要支持Chrome和Edge，而合成功能普遍可用。
-
HTML5是浏览器支持的最新标记标准，核心区别在于原生支持音视频、本地存储、语义化表单及标签；最简模板为<!DOCTYPEhtml>开头，新增<header><main><footer>等语义标签；关键特性如<video>、localStorage、fetch()等需按浏览器兼容性谨慎使用。
-
纯HTML页面无法实现百度热榜，因其无网络请求能力；需Node.js代理中转绕过反爬与跨域限制，并处理数据嵌套、HTML实体解码及PC/移动端接口差异。
-
纯CSS无法动态响应元素位置，必须用JS通过getBoundingClientRect()获取坐标并设为CSS变量；需节流（requestAnimationFrame）、归一化映射、避免无效计算。
-
HTML中input/textarea无法变成对话框，alert/prompt/confirm是独立的浏览器原生对话框；用户输入后弹窗需用事件监听触发，自定义替代方案需HTML+CSS+JS实现并处理可访问性。
-
使用相对单位和媒体查询实现文字自适应，核心是采用vw、rem结合clamp()函数与断点控制，通过视口单位缩放字体、根字体调整全局比例，并用媒体查询精细优化各设备显示效果。
-
Vue模板中空字符串""是falsy值，但??仅对null或undefined生效，因此""??"fallback"会原样渲染空字符串，而非触发回退；需区分??（空值检测）与||（真值检测）的语义差异。
-
本文介绍在无法控制iframe源HTML的前提下，使用jQuery精确操作其内部第一个<img>标签的方法，避免影响其他图片，并强调同源策略等关键限制条件。
-
本文讲解如何在单个HTML页面中为多个结构相同的待办清单（如周一至周日）实现各自独立的添加、勾选和删除功能，核心在于避免ID重复、利用DOM层级关系定位上下文元素，并通过事件委托与closest()方法精准操作每个列表的局部DOM。
-
答案：可通过浏览器、专用应用、本地服务器或在线工具打开安卓设备上的HTML文件。首先将文件存入手机，用文件管理器点击并选择浏览器打开即可预览；或安装Acode等编辑器实现代码编辑与实时预览；对于含动态资源的项目，可使用KSWEB搭建本地服务器运行；还可通过USB传文件至手机后上传至GitHubPages等平台获取链接在线查看。
-
本文介绍一种简洁、高效且可读性强的JavaScript方法，用于从格式固定的字符串数组（如"code1-code2-id-"）中按id字段去重，保留每个ID首次出现的元素。
-
浮动导致父容器高度塌陷，因浮动元素脱离文档流；推荐clearfix方案，通过伪元素清除浮动并触发BFC，兼容IE8+；现代布局可直接用flex或grid替代，天然避免塌陷。
