-
本文介绍如何遍历DOM中的纯文本节点（TextNodes），仅对未被<span>等标签包裹的原始文本中的目标字符串（如TARGET）进行安全替换，并将其包装为带指定class的<span>，避免重复处理已标记的内容。
-
本文详解如何使用flatMap()高效扁平化混合数据结构（含嵌套对象和纯字符串），解决因作用域错误和误用map()导致的数组丢失问题，并给出可直接运行的健壮实现。
-
<p>元素宽高计算不准确主因是盒模型（content-box）下width/height不含padding和border，或受box-sizing设置、父容器限制、替换元素固有尺寸、margin折叠等影响；推荐全局设*{box-sizing:border-box;}并用开发者工具实时验证布局。</p>
-
使用CSS3的@keyframes定义旋转动画并绑定到元素，通过animation属性设置时长、速度和循环次数，即可实现无需JavaScript的网页元素旋转效果。
-
响应式布局核心是断点+容器宽度重置，纯CSS框架依赖预设@media查询和类名切换，不依赖JS；所有响应式类需显式声明对应断点，如md:flex、md:grid-cols-2；Bootstrap容器宽度由SCSS变量硬编码控制；Grid中推荐用minmax(0,1fr)防止fr单位失控。
-
HTML5的play()函数对<img>标签无效，因其仅适用于<video>和<audio>元素；GIF由浏览器自动解码播放，<img>无play/pause等媒体方法，调用会报TypeError。
-
表单提交后数据未到服务器，主因是本地双击打开HTML时file://协议拦截请求，或后端未正确配置PHP解析、未启用HTTP服务；需用LiveServer运行、验证action路径、检查Network请求及后端响应。
-
推荐使用:has()判断元素是否含子元素，语义清晰；兼容性要求高时可用:not(:empty)；注意:empty会匹配仅含空白符的元素，:has()不支持父级选择且需防性能问题。
-
首先理解HTML在浏览器中通过请求、解析DOM和渲染显示，再通过本地文件运行、开发者工具调试或使用在线编辑器实现实时预览测试效果。
-
实现HTML元素满屏显示有五种CSS方法：一、Viewport单位（100vw/100vh）；二、绝对定位（top/right/bottom/left设0）；三、Fixed定位（固定于视口）；四、Flexbox布局（根容器flex+子元素flex:1）；五、Grid布局（单网格区域占满）。
-
对象字面量{}创建最常用安全，适合静态结构；键名含特殊字符须加引号；点号访问合法标识符，方括号支持动态键；方法中this指向调用者，易丢失需绑定。
-
HTML5中无userselect属性，应使用CSS的user-select属性禁用文字选中，需添加多浏览器前缀，且对表单控件需额外处理；onselectstart和unselectable为IE旧方案，不推荐使用。
-
答案：HTML页面跳转可通过超链接、按钮结合JavaScript、表单提交或meta标签实现。①使用<a>标签href属性指向目标URL；②通过button的onclick事件调用window.location.href跳转；③利用form的action属性和submit按钮实现POST/GET跳转；④在head中添加metarefresh标签实现定时或立即自动跳转，适用于重定向场景。
-
HTML5不提供边框语法，必须用CSS设置；border需完整包含粗细、样式、颜色三要素，缺一不可，且数值必须带单位（如1px），否则视为0；表格边框需设border-collapse:collapse才显示连续实线；box-sizing影响边框是否计入宽高。
-
IE画布渲染慢的根本原因是IE9–11依赖GDI而非Direct2D，且drawImage、putImageData和clearRect触发大量同步重绘与位图拷贝；CSS缩放、非整数宽高、未复用ImageData、开启抗锯齿/阴影均加剧性能下降。
