彻底清除列表默认样式需同时设置list-style:none、margin:0和padding:0；list-style-image兼容性差，推荐用::before+background-image；Flex布局下对齐需作用于li内部；语义结构不可破坏。

HTML5无需安装，其开发关键在于正确配置VSCode环境与浏览器调试选项。需用LiveServer解决跨域，禁用实验性设置，通过DevTools确认协议及存储行为，并在必要时安装Node.js支持构建与本地服务。

统一从同一CDN加载所有第三方库可减少TCP/TLS连接开销、提升弱网环境下的加载稳定性，并降低多源供应链攻击风险，尤其在移动设备或网络条件较差时效果更明显。

红魔手机无需专门适配HTML5页面，但需针对高刷屏帧率异常、游戏模式WebView冻结、触摸事件延迟、音频自动播放限制等特性优化：应主动计算Δt控制帧率、用WebWorker处理关键逻辑、显式设置touch-action、绑定音频播放至用户手势，并真机调试验证。

传音手机HTML5支持存在兼容性问题：IntersectionObserver和ResizeObserver不被广泛支持，低端机型WebView内核陈旧（Android4.4WebKit），localStorage常被禁用或限制；需实测API而非依赖UA，建立分层降级策略。

coordinates是navigator.geolocation.getCurrentPosition()成功回调中position.coords返回的只读对象，包含latitude、longitude、accuracy等不可枚举属性，单位分别为十进制度数和米，accuracy表示95%置信区间的半径误差。

现代浏览器默认禁止有声视频自动播放，需静音或用户交互后触发；preload应设为metadata；视频编码需用H.264Baseline/Main、Level3.1、GOP1–2秒，MP4格式优先。

requestAnimationFrame适用于需与屏幕刷新率同步的连续视觉更新，如滚动视差、Canvas绘图等；一次性动画应优先用CSStransition。其核心是递归调用加时间戳控制，使用浏览器提供的高精度timestamp，避免Date.now()。

HTML5性能优化关键在合理使用：正确设置viewport、避免强制同步布局、慎用will-change/translateZ(0)、用WebWorkers处理耗时计算且不操作DOM。

ChromeDevToolsStyles面板需理解层叠顺序与继承，右侧Computed显示最终值，左侧按来源排序，Shift点击可禁用属性，右键RevealinSidebar跳转源码；CSSLint应聚焦关键规则如禁用!important和重复选择器；Vue/React中用scoped或styled-component...

Flexbox本身不显著拖慢渲染性能，现代浏览器已高度优化；真正影响性能的是滥用嵌套、频繁重排、flex-wrap配合大量子项、动态修改flex属性、align-items:stretch与未设高媒体混合使用等写法。

HTML5页面加载慢主因是关键渲染路径过长和阻塞资源过多：script默认同步阻塞解析，linkstylesheet阻塞后续JS，style内联体积大会拖慢解析；应将script移至/body前或加defer，合并CSS、内联关键CSS、异步加载非首屏资源；图片用loading="lazy&q...