-
source标签用于为audio、video和picture元素提供多个备选媒体资源，以提升兼容性和加载效率。1.在audio和video中，通过src指定资源路径，type声明MIME类型，浏览器按顺序检查并选择首个支持的格式，避免因格式不支持导致播放失败；2.在picture中，结合media属性的媒体查询和type属性的格式判断，实现响应式图片加载，优先匹配屏幕条件和格式支持，最终由img标签提供兜底方案；3.为优化性能，应将高效格式如WebP或WebM置于前面，正确书写type属性以避免无效请求，
-
可将HTML转换为PDF、Word、纯文本等格式：一、浏览器打印导出PDF；二、Word打开另存为DOCX；三、pandoc命令行批量转换；四、在线工具提取纯文本；五、Python脚本生成PDF。
-
优先使用const，需重赋值时用let，避免var；const和let具备块级作用域且不提升，var仅函数作用域且存在变量提升，易导致泄露与闭包问题。
-
class用于元素分组和样式复用，id用于唯一标识和精确操作；class适合多数样式和交互场景，id适用于锚点、表单关联及JavaScript唯一引用，避免滥用id定义样式和重复id确保代码可维护性。
-
页面加载时应通过内联CSS和JS在body渲染前显示全屏loading动画，用window.addEventListener('load',...)精确控制隐藏时机，确保覆盖所有资源加载完成，并添加pointer-events:none等移动端适配样式。
-
:target伪类仅能高亮URL锚点对应的内容区块，无法直接高亮导航标签；需用JavaScript监听hashchange事件动态添加.active类来实现标签高亮。
-
Markdown默认压缩空白符且不保留HTML实体，因遵循CommonMark规范；需用 、<pre><code>或行内代码反引号来精确控制空格与缩进。
-
辅助色是承担特定交互或语义责任的颜色，与主色在HSL色相上至少相差45°，需满足深浅模式下WCAGAA对比度，应通过CSS自定义属性+hsl()动态定义，严格限定使用场景以守住职责边界。
-
可通过五种方法保存网页HTML源代码：一、“另存为”保存完整网页；二、开发者工具复制outerHTML；三、地址栏输入view-source:协议；四、命令行用wget下载；五、安装SingleFile等扩展一键导出。
-
clearfix是通过伪元素插入清除浮动的内容，使父容器正确包裹浮动子元素的技术。使用::after创建隐藏块级元素并应用clear:both，结合zoom:1兼容旧版IE，可防止父元素高度塌陷，常用于处理浮动布局问题。
-
本文详解如何使用原生CSS+JavaScript实现SVG文字路径的「滚动进入视口时单次绘制动画」，无需第三方库，核心基于getTotalLength()、stroke-dasharray/stroke-dashoffset与IntersectionObserverAPI。
-
HTML5是标准规范而非软件，触控不灵主因是事件监听不当、CSS阻断或坐标计算错误；应优先用touchstart/touchend，手动转换canvas坐标，并排查touch-action和层级覆盖问题。
-
直接用:disabled伪类可精准控制原生按钮禁用样式，无需额外class或JS；对自定义按钮需手动加class和aria-disabled。
-
JavaScript中的地理定位主要通过navigator.geolocationAPI实现，但它必须在安全上下文（HTTPS或localhost）中运行，且用户必须主动授权。隐私问题不是技术“开关”能解决的，而是涉及权限设计、数据最小化和透明告知。如何正确调用地理定位API调用前需检查浏览器支持，并用getCurrentPosition()获取一次位置，或用watchPosition()持续监听。不建议在页面加载时自动请求权限——应等用户明确操作（如点击“获取当前位置”按钮）
-
使用JavaScript动态添加表单元素可通过createElement插入控件、innerHTML批量添加结构、remove删除项，确保name属性正确以便提交。
