展开运算符（...）用于将可迭代对象或对象展开为独立元素，实现数组/对象合并、浅拷贝、函数传参等，不修改原数据，仅浅层展开。

UnityWebGL项目无法运行需按四步排查：一、正确配置Brotli压缩与IL2CPP脚本后端；二、通过Build导出完整目录，禁用双击index.html；三、用HTTP服务（如python-mhttp.server）本地验证；四、依报错类型修正MIME配置、预加载设置或禁用StripEngineCode。

缩放和旋转动画冲突的本质是transform属性后声明覆盖前声明，浏览器不叠加而整体替换；必须将scale与rotate合并至同一transform值中，通过多关键帧精细控制节奏，并显式设置transform-origin以避免偏移。

Symbol是JavaScript中用于创建唯一不可变值的原始类型，主要解决对象属性名冲突问题；其核心特性为唯一性、私密性及预定义符号对对象行为的定制能力。

使用grid-template-areas可直观定义页面布局。1.通过字符串命名区域排列，如"headerheaderheader""sidebarmainmain""footerfooterfooter"创建三行三列结构；2.子元素用grid-area关联名称，自动定位；3.配合grid-template-rows和grid-template-columns设置尺寸，媒体查询中可重定义区域实现响应式；4.用点（.）表示空白单元格。该方法语义清晰，易于维护，适合常见网页结构。

HTML中嵌入外部网页的标准方案是iframe元素，其支持基础嵌入、响应式控制、跨域通信、安全属性配置，并可被WebComponents等现代方案替代。

使用position:sticky可实现表格滚动时固定列，需设置left/right偏移并确保父容器无overflow:hidden等限制，同时配合z-index和背景色避免显示异常。

使用MQTT.js可在JavaScript中实现物联网通信，支持Node.js与浏览器环境；通过npminstallmqtt或CDN引入后，使用mqtt.connect()连接Broker；成功后调用subscribe()订阅主题，监听message事件接收数据；通过publish()发布消息，可设置QoS与retain；建议启用TLS加密、处理重连与心跳，确保连接稳定。

推荐使用标签加粗文字，兼具语义重要性与SEO优势，仅用于视觉加粗，CSS方法则提供更灵活的样式控制。

HTML5本身不提供网络访问控制或代理功能，网站无法访问通常源于本地网络限制；可通过浏览器配置代理、WebView容器注入代理策略或部署反向代理网关三种方式解决。

::placeholder伪元素不支持:hover，因其非独立可交互元素；正确写法是input:hover::placeholder，需兼顾focus并注意浏览器兼容性与优先级。

统一盒模型、规范边距使用、清除浮动并响应式调整可解决浮动元素边距不一致问题。具体做法包括：设置box-sizing:border-box；用margin控制外间距、padding处理内留白；通过clearfix清除浮动避免布局塌陷；结合媒体查询在不同设备调整margin，确保布局稳定一致。

在CSSGrid布局中，column-gap和row-gap用于控制网格元素之间的间距，但它们作用的方向不同。理解两者的区别有助于更精准地控制布局外观。column-gap：控制列之间的水平间距column-gap设置的是网格中相邻列之间的水平空白距离。它不会影响第一列左侧或最后一列右侧的外边距，只作用于列与列的中间区域。例如，一个三列的网格布局，使用column-gap:20px;，会在第1列和第2列之间、第2列和第3列之间各添加20px的空白。常见用法：grid

运行HTML文件可通过四种方式：一、直接双击或右键用浏览器打开；二、使用Node.js的http-server启动本地服务器访问；三、在VSCode中安装LiveServer插件实现实时预览；四、利用Python内置模块运行简易HTTP服务器。

要调整HTML页面的打印样式以适配纸张，核心方法是使用CSS的@mediaprint规则。1.利用@mediaprint定义专用于打印的样式，使打印时隐藏不必要的元素如导航栏、广告等；2.优化字体颜色和大小，使用纯黑文字和合适字号（如12pt）提升可读性；3.调整布局和边距，避免浮动和弹性盒布局带来的问题；4.显示链接URL以便读者查看；5.使用page-break属性控制分页，确保内容完整呈现。此外，为确保打印内容清晰且节省墨水，应移除背景色和图片，统一文本颜色为黑色，合理设置字体大小和行高，并去除多余