-
原生template标签仅作内容占位，不自动渲染或绑定数据，需手动克隆content并配合Mustache、newFunction等方案实现批量HTML生成。
-
Glob与正则表达式用途不同：Glob专用于路径匹配、语法简洁；正则用于通用文本匹配、功能强大但复杂。二者不可直接等价，转换需注意*→1、→(?:1/)1、?→1等规则，并处理转义、边界和平台差异。/↩
-
HTML语义化虽不直接提升排名，但影响搜索引擎对页面结构、主次关系和可信度的判断；错误使用<main>、<article>、<nav>、<aside>及缺失标题体系均会降低内容权重与索引质量。
-
必须写alt属性，因它是可访问性合规与SEO的基础要求；缺失会导致屏幕阅读器跳过图片、加载失败无提示、搜索引擎不收录、WCAG审计失败等问题。
-
Flex容器的display:flex必须显式设置，否则flex-direction等属性无效很多人以为只要写了flex-direction:column，父元素就会自动变成Flex上下文——其实不会。浏览器只认display:flex（或display:inline-flex）这一句“入场券”。漏掉它，后面所有justify-content、align-items都只是被忽略的废代码。实操建议：始终把display:flex放在Flex容器的第一条声明里，别依赖继承或重置用displ
-
顶层await允许在ES模块顶层直接使用await，无需包裹在async函数中。它使模块能暂停执行直至异步操作完成，适用于动态配置加载、条件导入和资源预初始化。需使用.mjs文件或设置"type":"module"，并在支持的环境（如Node.js14.8+、现代浏览器）中运行。模块变为异步后会阻塞导入者，应避免滥用以防影响性能。主流浏览器和Node.js已广泛支持该特性。
-
火车头导出HTML空白或乱码的根本原因是编码不一致或资源路径未处理；需勾选自动识别编码、统一保存路径为英文、配合wget或脚本下载并替换资源路径。
-
HTML文件的媒体元素主要包括<audio>、<video>、<img>等标签，用于嵌入音频、视频和图片内容；2.正确浏览HTML文档需要浏览器解析代码、构建DOM树、渲染内容，并正确处理媒体元素的源文件、格式兼容性、路径、MIME类型和CORS等；3.媒体文件无法播放的主要原因包括格式不兼容、路径错误、MIME类型配置不当、跨域限制及网络或文件大小问题；4.确保可访问性和语义化需使用语义化标签构建结构，为图片提供alt文本，为音视频添加字幕和文字稿，并确保交互元素支持
-
HTML单位换算与格式转换不直接冲突，但DOM渲染、CSS计算和JS读取时因值被提前转为像素（如getComputedStyle返回"240px"）导致原始单位丢失；需从el.style或CSSOM解析原始值，JS中应统一用parseFloat提取数值、正则提取单位，并注意em/rem基准及CSS变量单位传递陷阱。
-
卡片翻转需三层设置：外层设perspective创建3D上下文，翻转容器加transform-style:preserve-3d，正反面均设backface-visibility:hidden并预置rotateY(0deg)/rotateY(180deg)。
-
不可变数据结构指创建后无法修改的数据，其核心优势包括避免副作用、简化状态管理、提升代码可预测性与调试效率，并支持函数式编程。在JavaScript中，直接修改对象可能导致意外变更，而通过扩展运算符等技术实现不可变更新，则能保留原始数据完整性。例如，使用{...obj}创建新对象而非修改原对象，确保状态变化可追踪。在React和Redux中，不可变性使浅比较有效，优化渲染性能。尽管频繁生成新对象可能带来性能开销，但结构共享（如Immer或Immutable.js）可缓解此问题。总体而言，不可变性增强了程序的
-
不能。:focus-within匹配任意可聚焦后代获得焦点的父元素，开箱即用且性能优；:has(.child:focus)需目标子元素真实可聚焦并严格满足结构关系，兼容性差、性能开销大。
-
用HTML表格语义化展示抽奖结果，表头用<thead>、数据用<tbody>，配合响应式CSS（如min-width、word-break、overflow-x）确保多端可读；关键奖项用温和色块+图标高亮，字段设计需提前考虑隐私与公示规范。
-
在HTML中插入表单的方法包括：1.使用<form>标签定义表单结构并设置action和method属性；2.添加文本框、密码框、单选按钮、复选框、下拉选择框及提交按钮等控件；3.通过name属性确保数据提交，并根据需求设置enctype属性及提交方式；4.利用HTML5验证属性或JavaScript进行表单验证，以保证输入数据的正确性。
-
使用::first-line伪元素可对块级元素的第一行文本设置样式，如颜色、字体等，仅适用于块级元素且支持有限CSS属性，与选择首个子元素的:first-child不同。
