-
页面内跳转需用id标识目标元素、href="#id"链接指向，注意id唯一性、命名规范及大小写敏感；滚动偏移用scroll-margin-top或负margin补偿；平滑滚动加scroll-behavior:smooth。
-
使用text-align:center可使HTML5输入框文本居中，包括placeholder；可通过内联样式或CSS类统一设置，需注意避免其他样式覆盖。
-
跨页面CSS变量统一需将定义集中于独立variables.css文件并用link引入，禁用@import；主题切换应通过HTMLclass控制而非@media内重定义；注意作用域、回退值类型、JS单位及Safari兼容性。
-
必须加overflow:hidden且父容器设position:relative，否则transform:scale()会导致图片溢出；需显式设置transform-origin:center并确保容器有明确宽高，图片用display:block避免留白。
-
HTTP/2多路复用是传输层能力，不依赖HTML结构，但HTML资源引用方式决定其效能；应统一域名、善用preload、避免ServerPush。
-
绝大多数HTML开发工作无需独立显卡，document.getElementById()等逻辑运行在CPU上，集成显卡仅负责最终渲染；真正调用GPU的是WebGL、WebGPU、Canvas2D硬件加速或CSS合成层等主动启用的机制。
-
视频加载慢、首帧延迟高，优先检查preload和autoplay策略：设preload="auto"（移动端Safari除外）、autoplay需muted，监听canplaythrough；服务端需支持Accept-Ranges；提供多码率MP4并前置moov；确保服务器正确响应Range请求；避免在timeupdate中频繁设置currentTime。
-
可行但需遵守三条铁律：无交互、无暂停、尺寸强约束；marquee已废弃且不可访问；CSS轮播须动态设容器宽度、统一logo尺寸、加will-change优化性能。
-
使用MongoDB聚合查询可在Node.js中通过原生驱动或Mongoose实现，用于数据统计、分组、排序等复杂分析。基本结构为aggregate()方法接收管道数组，常用阶段包括$match筛选、$group分组计算、$sort排序、$project字段重塑及$limit/$skip分页。示例中统计已完成订单的用户总金额并取前五名。Node.js原生驱动需安装mongodb包，连接后调用aggregate()并传入管道操作，如筛选shipped状态订单、按产品ID分组计数并降序排列。Mongoose则语
-
CSSsticky定位通过position:sticky结合top等偏移值，使元素在滚动到特定位置时固定，常用于标题锚定和导航菜单；需注意父容器不能有overflow:hidden且元素需足够滚动空间。
-
语义正确的列表需按意图选用：无序列表<ul>用于无顺序依赖项（如菜单），有序列表<ol>用于有顺序项（如步骤）；嵌套时子列表须完整置于父<li>内，<li>中禁用<p><div>等非法子元素。
-
Gulp可自动化HTML5项目构建流程，包括文件压缩、代码检查与实时刷新；需初始化Node环境、安装Gulp及插件，编写gulpfile.js定义html/css/js处理与browser-sync服务任务。
-
使用Flexbox布局可实现底部固定页脚，通过设置容器min-height:100vh和display:flex，主内容区flex:1自动撑开，页脚自然置于底部，兼容性好且简洁高效。
-
String.prototype.at()是ES2022引入的安全取字符方法，原生支持负数索引（如-1取末字符），越界统一返回undefined，而str[-1]恒为undefined；旧环境可用length判断回退。
-
background-clip:text未生效是因为未同时满足color:transparent和-webkit-background-clip:text；Firefox不支持该属性，需用@supports提供降级样式。
