-
缩进HTML代码的核心在于保持一致性，推荐使用2个或4个空格，确保每个子元素比父元素多一个缩进层级，关闭标签与对应开始标签缩进相同；2.使用现代IDE如VSCode或WebStorm的自动格式化功能，配合Prettier等工具在保存时自动统一代码风格；3.统一选择空格或制表符并全项目保持一致，空格保证视觉一致性，制表符提供灵活性，但需团队统一设置；4.规范缩进提升代码可读性、团队协作效率和长期可维护性，避免技术债务；5.推荐使用Prettier、ESLint、HTML-CSS-JSPrettify等工具实
-
button[disabled]仅匹配HTML中显式声明的disabled属性，不响应JS动态设置；:disabled伪类覆盖所有禁用方式（HTML、JS赋值、setAttribute），且仅作用于原生可禁用元素。
-
。
2. **输入颜色代码**：在“Text Color”（文字颜色）和“Background Color”（背景颜色）](/uploads/20260526/17797932326a157d5001950.png)
DevTools内置ColorPicker可直接测文本对比度，点击Styles中color旁色块即可查看“Contrastratio”数值（如4.49），✓表示≥4.5达标；但仅适用于纯色背景，不支持渐变、图片、rgba叠加、伪元素及disabled状态等复杂场景。
-
Redash表格默认不渲染HTML，需改用Markdown可视化类型并确保SQL返回未转义的合法HTML或Markdown；字段值必须为<b>test</b>而非<b>test</b>，且仅支持<b><i><u><span>等白名单标签及color/background-color样式。
-
copyWithin()是数组原地复制方法，不创建新数组、不触发内存分配，通过arr.copyWithin(target,start,end)实现重叠安全的高效位移；target为复制目标起始索引（支持负数），start/end定义左闭右开源区间，默认start=0、end=arr.length。
-
需依据场景选WebSocket或Ajax：WebSocket用于实时双向通信，需创建连接、监听事件、处理重连；Ajax用XMLHttpRequest或fetch实现异步请求；跨域需CORS配置或代理。
-
alt属性对图片可访问性至关重要，因为它为无法查看图片的用户提供了文字替代描述。首先，alt属性帮助视障用户通过屏幕阅读器理解图片内容，确保信息无障碍传递；其次，当图片加载失败时，alt文本会显示出来，作为图片的“名片”；再次，搜索引擎依赖alt属性理解图片主题，提升网页SEO排名；此外，编写高质量alt文本需准确描述内容、避免关键词堆砌、控制长度，并根据图片功能（如按钮、装饰、信息图）调整描述方式，确保用户体验与信息完整性。
-
auto-fill会保留空轨道以维持固定列数，auto-fit则合并空轨道使内容拉伸占满；前者适用于预设占位的仪表盘，后者适合响应式卡片列表，且需注意gap对列数的影响。
-
将响应式布局改为固定宽度布局的核心是删除所有流式相关CSS并锁定容器宽度：删掉viewport缩放控制、清除百分比/相对单位、移除媒体查询、覆盖框架容器断点、重置图片iframe的max-width。
-
iOSSafari的overscroll-behavior:none仅对内部可滚动元素生效，对body/html根层无效；touch-action:none需作用于有高度、overflow且内容溢出的容器才有效。
-
纯HTML无法实现真正可用的柱状图，必须结合CSS样式与JavaScript逻辑或使用Chart.js等图表库；手动用div模拟存在数据绑定缺失、无坐标轴、不响应式及无障碍支持差等问题。
-
WebWorker必须使用外部JS文件启动，不支持dataURL或内联脚本；需同源、可fetch加载，禁用file://协议；不支持DOM操作；传大对象应使用transferable避免拷贝；需分别监听worker.onerror、onmessageerror及self.onerror捕获错误；共享内存需SharedArrayBuffer+Atomics并启用COOP/COEP跨域隔离。
-
字体大小影响换行，但非唯一因素。font-size增大会增加字符宽度，可能导致换行，但实际换行还受容器width、white-space、word-wrap、word-break及文本内容影响。例如white-space:nowrap会禁止换行，即使字体很大；而word-wrap:break-word可让长URL在容器内断行。使用br标签或word-break:break-all可强制换行。响应式设计中，可通过媒体查询调整font-size和换行属性适配不同屏幕，确保布局美观。
-
横屏时flex容器不换向需用宽高比或宽度断点替代orientation查询，检查flex-direction是否被高优先级样式覆盖，确保flex-wrap未锁死换行，并同步调整子项宽度、字体、间距及触摸目标尺寸。
-
seamless属性已被废弃且无实际支持，现代浏览器完全不支持该属性，调用iframe.seamless返回undefined或报错，HTML中写入也直接被忽略。
