-
HTML5元素间距异常主要由默认CSS外边距、内边距或行高引起，可通过margin、padding、line-height、flexbox的gap属性及重置默认样式五种方法精准调控。
-
父元素高度塌陷是因为浮动元素脱离标准文档流，导致父容器无法计算其高度；常见于仅含浮动子元素的父容器，清除浮动应通过创建BFC（如display:flow-root）或伪元素clearfix实现。
-
JavaScript类继承通过extends实现，底层基于原型链；子类需在constructor中调用super()初始化父类this，super可传参并支持方法重写、静态方法及内置类继承。
-
align-items设置所有子项列轴对齐，align-self单独调整某子项列轴对齐，justify-items控制所有子项行轴对齐，justify-self单独设置某子项行轴对齐，四者结合实现Grid布局精准对齐控制。
-
ES6（ECMAScript2015）是JavaScript根本性升级，赋予其构建大型工程的能力：引入let/const实现块级作用域；箭头函数解决this绑定问题，Promise规范异步流程；解构赋值与模块系统提升代码组织性；Class、模板字符串、默认参数、Map/Set/Symbol等补齐企业级开发短板。
-
本文介绍一种通过动态遮罩层与mousestop事件协同控制的方式，使iframe在水平滚动画廊中既保持可交互性（如点击播放），又不阻断横向滚动行为，同时实现响应式宽高比自适应。
-
答案：构建实时多人协作应用需基于WebSocket实现双向通信，前端通过WebSocketAPI建立连接并监听事件，后端选用Node.js、Python等处理高并发连接，结合心跳机制保障稳定性；通过房间机制管理客户端分组，实现精准消息广播；采用OT或CRDT解决并发编辑冲突，确保数据一致性；前端自动重连、服务端保存状态快照以支持断线恢复，配合HTTP初始拉取与WebSocket实时同步，形成闭环。
-
浏览器通知API的权限管理通过Notification.permission查看状态（default、granted、denied），调用Notification.requestPermission()请求授权，需在用户有感知的操作中触发以提升授予率，避免频繁打扰。
-
IE8及更早版本不识别HTML5语义标签，需用html5shiv声明元素并CSS设display:block；localStorage和querySelector等API需降级为userData或DOM方法模拟；禁用flex/grid、ES6语法及现代CSS函数，并添加X-UA-Compatible声明防怪异模式。
-
Map适合存任意类型键的键值对，Set用于高效去重和存在性检查；二者语义明确，不可与Object/Array混用，否则导致逻辑脆弱、性能下降或行为异常。
-
一、右键点击HTML文件选择“在浏览器中打开”可快速预览；二、按Ctrl+R快捷键运行当前编辑的文件；三、在“工具-选项-默认浏览器”中设置默认浏览器以便统一调试；四、右键项目名选择“运行到浏览器”以站点方式启动，确保资源路径正常加载。
-
可使用HTML5的data-*属性存储自定义数据：在HTML中以data-为前缀声明，通过datasetAPI（自动驼峰转换）或getAttribute（读取原始值）访问，支持动态设置与删除，特殊字符名需用getAttribute。
-
图片加载顺序由HTML解析顺序和loading属性共同决定，真正可控的是DOM插入时机与loading属性，其他如CSS背景、srcset或preload均无法改变相对加载顺序。
-
在HTML中实现打字音效和按键声音的核心是结合JavaScript监听键盘事件并播放预设音频。1.在HTML中使用<audio>标签定义音效文件，并设置preload="auto"以提前加载；2.通过JavaScript为文本区域添加keydown事件监听，根据keyCode判断按键类型，分别触发不同音效；3.使用playSound函数重置audioElement.currentTime为0并调用play()，确保快速连续按键时声音不延迟或中断；4.为增强真实感，可准备多种普通按键音效并随机播
-
HTML5实现像素化推荐缩放法：先将原图绘制到小尺寸canvas并关闭imageSmoothingEnabled，再拉伸显示；需整数倍缩放以保证像素对齐；手动操作getImageData适用于精确控制像素块颜色，但要注意跨域和性能问题。
