-
在HTML中两个<input>间加空行最简单有效的方法是插入<br>标签；若需精确控制间距或响应式适配，则推荐使用CSS的margin属性并统一设置vertical-align以避免基线错位。
-
%3ca%3e是URL编码字符串，需先用decodeURIComponent()解码为<a>标签才能应用CSS居中；text-align必须作用于父块级容器，或改用flex布局。
-
最稳妥的手写轮播图方案是用transform:translateX()配合requestAnimationFrame实现平滑过渡，结合touchstart/move/end精确处理拖拽与自动对齐，并在touchend后强制校准currentIndex以避免状态错位。
-
CSS网格布局无年度更新，其核心问题在于grid-template-areas命名不匹配、fr与%混用导致空间分配异常、dense模式破坏可访问性，以及默认值和隐式行为引发的布局失效。
-
本文详解为何使用insertAdjacentHTML动态插入DOM元素后，querySelectorAll无法获取到新元素，并提供基于事件委托的专业解决方案，确保事件监听器正确响应动态内容。
-
应通过HTTP服务运行打包后的HTML5页面，而非双击打开：一、Webpack配webpack-dev-server启动本地服务；二、Gulp配BrowserSync提供实时重载；三、用Python/Node.js轻量HTTP工具托管dist目录；四、仅当必须双击运行时，才配置publicPath为'./'并手动管理资源路径。
-
Grid列宽被内容撑开的本质是浏览器按min-content自动伸缩，应使用minmax(0,1fr)替代1fr并配合overflow:hidden等样式控制溢出。
-
响应式padding/margin需用rem/em+媒体查询+移动优先：设htmlfont-size基准，断点处统一调小根字号；聚焦卡片、表单等视觉节奏位；Flex/Grid中慎用margin:auto，改用margin-inline或justify-content。
-
<p>使用position:fixed或sticky可实现网页固定头部和底部布局。首先通过fixed将头尾元素脱离文档流并定位在视窗两端，配合margin和min-height为内容区预留空间，避免遮挡；推荐在简单场景中使用sticky实现粘性头部，需确保父容器未设置影响sticky的样式；注意设置足够z-index保证层级，结合calc(100vh-头高-尾高)适配全屏，移动端优先考虑sticky或添加-webkit-overflow-scrolling:touch以提升兼容性，最后通过媒体
-
JSON.parse()将JSON字符串转为JavaScript对象，JSON.stringify()将其转回字符串；二者不互逆，Date、NaN等类型会丢失或出错，使用时需校验输入并处理边界情况。
-
WeakMap和WeakSet通过弱引用机制避免内存泄漏，适用于需动态管理对象且依赖垃圾回收的场景。1.WeakMap以对象为键，不阻止其被回收，常用于存储DOM节点私有数据、缓存计算结果或模拟私有属性；2.WeakSet用于标记活动对象，如防止重复处理或跟踪事件监听元素；3.两者均不可遍历、无size属性、仅支持对象类型，调试困难，故应在确需弱引用时使用，以提升内存性能。
-
HTML5不提供音频元数据加密能力，真正防护需服务端策略与前端限制结合：避免明文嵌入敏感信息、动态注入脱敏元数据、剥离ID3标签；MediaMetadata仅用于显示，非加密机制；高安全需求应采用DRM或流式混淆方案。
-
可通过CSS的:focus伪类自定义元素获得焦点时的样式，常用outline属性修改轮廓颜色和样式，如input:focus{outline:2pxsolidblue;}；也可仅更改颜色，如outline-color:red；为提升美观可移除默认outline，改用border或box-shadow实现聚焦效果，但需确保键盘用户的可访问性，提供如边框变色、阴影或背景色调整等明显焦点提示，兼顾视觉设计与可用性。
-
iOSSafari15.4前不支持position:sticky，尤其对table/flex/grid子元素；需确保滚动容器有明确高度和非visible溢出，避免百分比top值及transform等中断行为，兼容方案可用IntersectionObserver模拟。
-
最简可运行HTML5页面仅需7行代码：<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"></head><body><p>Hello,world.</p></body></html>，关键在于正确DOCTYPE、lang属性、UTF-8编码位置及文件保存规范。
