-
页脚应拆分为copyright、footer-nav、contact-info等独立block，各自内聚且可复用；布局由.footer-layout等容器通过CSSGrid/Flex控制，避免BEM嵌套与滥用modifier。
-
text-align仅控制块级元素内行内内容的水平对齐，不适用于垂直居中；常用值为left、right、center、justify；对浮动元素无效，表格单元格需单独设置，非父容器继承。
-
严格模式通过抛出错误限制不安全操作，提升代码质量。1.禁止未声明变量赋值；2.禁止修改只读属性；3.禁止删除不可删属性；4.函数参数名不得重复；5.禁用八进制字面量；6.函数中this为undefined；7.禁用with语句；8.限制eval作用域。启用方式为添加"usestrict"。
-
用transform:translateX()配合transition实现侧边栏滑动展开，需设position:fixed、初始translateX(-100%)、展开时translateX(0)，并添加transition:transform0.3sease和will-change:transform提升性能，避免重排与闪烁。
-
静态分页是用CSS+JS切割DOM实现的前端模拟分页，不依赖服务端或数据库；通过querySelectorAll获取条目、按pageSize切分二维数组chunks，再动态替换容器内容并绑定按钮控制翻页。
-
最合规做法是用<a>标签包裹来源名称并指向原始页面。需添加target="_blank"和rel="noopenernoreferrer"确保安全与体验，避免纯文本、注释或title属性等无效方式，链接文案应明确包含网站名与原文标题，且必须真实可达。
-
replaceAll在现代环境（Chrome85+/Firefox78+/Safari13.1+/Node.js15.0+）原生支持，专用于全局字面量替换，不接受带g标志的正则，纯字符串匹配不转义元字符，简单替换更安全高效，复杂逻辑仍需replace。
-
flex-grow设为0和1不能直接撑满右侧，因flex-grow仅作用于剩余空间，左侧若未设flex-shrink:0或用固定宽，仍会被压缩；右侧需配合左侧不抢空间才能生效。
-
专业HTML开发需满足五项硬件标准：一、处理器主频≥3.2GHz且支持AVX2；二、内存≥16GBDDR4双通道；三、存储须为PCIeNVMeSSD（4K延迟≤25μs）；四、GPU需通过WebGL2.0兼容性测试；五、网络控制器须支持TSO/LRO及Wi-Fi6。
-
用order属性配合媒体查询可灵活调整flex项目视觉顺序，无需改动HTML；需注意仅影响显示顺序，不影响DOM结构与可访问性流，建议保持HTML语义化顺序并慎用aria-order或tabindex。
-
倒计时必须用JavaScript实现，HTML无法动态更新；应使用setInterval每秒计算目标时间戳与Date.now()的差值并格式化输出，避免递减变量、整页刷新或innerHTML重写，确保跨浏览器兼容与可访问性。
-
答案：JavaScript实现剪贴板复制有三种主要方式。1.使用已废弃但兼容性好的document.execCommand("copy")，需创建临时文本元素并触发用户事件；2.推荐使用现代ClipboardAPI的navigator.clipboard.writeText()，更安全高效，支持异步操作但需HTTPS环境和用户手势触发；3.通过判断浏览器支持情况自动降级，优先使用API，不支持时回退到传统方法。实际应用中应根据项目需求选择方案，新项目用API，旧浏览器用兼容方案，并提供复制成功提示以提升体
-
答案：HTML中通过<button>、<input>或<a>标签创建按钮，结合JavaScript实现交互。1.三种按钮写法：<button>语义清晰，支持内容嵌套；<inputtype="button">适用于表单操作；<a>可模拟按钮用于跳转。2.交互行为通过JavaScript绑定：内联onclick不推荐复杂项目；推荐使用addEventListener监听事件。3.常见效果包括点击改变文本（如“点赞”变“
-
回放列表页面打不开的主因是JS重写location.href或路径配置错误；需检查Network中资源404、改用绝对路径、配置服务端fallback；事件绑定须用委托；iOS视频须加playsinline和手势触发播放。
-
button标签必须显式声明type属性，否则在Chrome等浏览器中默认为submit导致意外提交表单，而IE11则默认为button，造成兼容性问题。
