标签：虽然可以嵌套，但根据 HTML 语义化规范，
通常用于块级布局，而
是段落标签，两者嵌套可能不符合语义。
、、等列表标签：虽然技术上可以嵌套，但通常不推荐，因为这些是块级元素，可能会导致布局问题或语义混乱。到标题标签：虽然可
正确：p标签内不能嵌套div等块级元素，浏览器会自动修正为<p></p><div>hello</div><p></p；HTML规范规定p仅允许包含文本和行内元素，嵌套块级元素将破坏语义与DOM结构。
浮动属性用于实现文字环绕图片及多列布局，通过float:left或float:right使元素脱离文档流并左/右对齐，导致父容器高度塌陷和后续元素错位；常用.clearfix::after等方法清除浮动；现代布局推荐使用Flexbox或Grid替代。
通过记事本编写并保存为UTF-8编码的index.html文件，双击用浏览器打开即可查看HTML效果；2.使用VSCode等代码编辑器配合LiveServer插件可实现保存后实时预览；3.在线编辑器如jsfiddle、codepen或w3schools的tryit工具无需安装软件，输入代码后点击运行即可即时查看结果。
:nth-child(n)错位因按HTML子元素序号计数而非视觉列序，colspan会使后续单元格序号偏移；仅当表格无colspan/rowspan、每行单元格数一致且结构固定时才可靠；推荐用语义化class或colgroup辅助标记列。
静态类型检测通过显性化隐性契约降低维护成本，TypeScript的interface/type、JSDoc、Python的mypy/pyright等工具需结合业务边界与自动化检查才能真正提升可维护性。
ESM中document.currentScript始终为null是规范设计而非兼容性问题，因其执行不绑定HTMLscript标签；应改用import.meta.url获取模块路径，或根据环境选用构建注入、错误堆栈解析等替代方案。
CSS加载顺序决定样式覆盖结果，需将基础样式置于head最前，避免@import和动态插入导致的竞态；构建时须显式控制chunk优先级并验证HTML中link顺序。
rgba()和hsla()可实现背景半透明而文字不透明，alpha值范围为0–1，仅作用于背景层；opacity会使整个元素及子元素变透明，不可取。
准备HTML代码并保存为.html文件，如index.html；2.使用文本编辑器编写代码，推荐VSCode，保存时选择UTF-8编码；3.双击文件或右键用浏览器打开，可实时修改并按F5刷新查看效果。
IDBCursor是IndexedDB中逐条遍历对象存储数据的核心机制，需通过openCursor()启动，手动调用continue()推进，支持正向、反向及键范围筛选，避免内存溢出。
WebLocksAPI不能替代IndexedDB事务，但它是唯一能跨标签页串行化写操作的原生机制；必须将openDB、事务创建、put()和awaittx.done全部包裹在navigator.locks.request()回调中，否则锁提前释放会导致静默覆盖。
TreeShaking依赖ES模块的静态export/import，要求模块使用命名导出、避免动态导入和副作用，且打包配置需启用相关优化，否则无法安全消除未使用代码。
中介者模式重构微前端通信总线，通过统一入口、命名空间隔离、生命周期自动管理、请求-响应语义、跨框架兼容与安全控制，实现模块解耦与可控通信。369 收藏
WebComponents事件冒泡需精准控制：默认composed:false阻止穿透，必要时显式设composed:true；外部应检查event.composedPath()或target防误触发；框架集成时用修饰符或自定义事件避免冲突。196 收藏
transform和opacity仅触发合成；width、height、top、left、background-color等触发重排+重绘；box-shadow、border-radius、color、font-size可能间接引发重绘或重排。222 收藏