-
:first-of-type匹配父元素中同类型标签的第一个，而非DOM首个子元素；如父元素内有p、div、p，则首p匹配，次p不匹配，且忽略文本/注释节点。
-
HTML5.2并非官方标准版本，W3C与WHATWG已转向持续演进的单一标准；真正新增且广泛使用的标签包括<header>、<nav>、<main>、<article>、<section>、<aside>、<footer>、<figure>、<figcaption>、<time>、<mark>、<video>、<audio>、<dialog>
-
opacity拼写为opaciy、box-shadow用0重置、visibility设为none均为错误；flex布局中width/min-width/flex-shrink混用易撑开容器；float元素须设width且避免直接加margin/padding；background/border/z-index使用需注意语义与堆叠上下文；默认content-box盒模型常致溢出，推荐全局box-sizing:border-box。
-
必须使用<!DOCTYPEhtml>声明才能启用HTML5标准解析，需置于文档首行且无前置字符；通过开发者工具检查应显示“HTML5”或“NoQuirksMode”；禁用旧版DOCTYPE及错误写法。
-
企业官网首页应严格遵循语义化HTML结构：<header>仅含公司名、主导航等全局头部内容；banner图属首屏内容，须置于<main>内；<main>按用户任务分<section>，每节需有标题支撑；全站底部<footer>仅放版权等跨页信息，客户案例等主内容模块不可移入。
-
为页面内容设置最大宽度并居中，推荐使用容器（如.container）配合max-width:min(1440px,90vw)和margin:0auto，并约束内部元素宽度以确保响应式阅读体验。
-
浮动元素脱离文档流致后续块级元素绕行错位，clear:both通过强制元素边框框不与浮动元素重叠来解决，但现代推荐用display:flow-root或Flex/Grid布局替代。
-
fixed定位返回顶部按钮本质是相对于视口定位，通过top/bottom与left/right组合设定锚点；右下角标准写法为bottom:24px、right:24px，需设宽高、z-index:999、aria-label，并用requestAnimationFrame节流滚动监听，过滤iOS回弹异常值。
-
JavaScript路径处理结合AI可提升应用智能化水平，Node.js中通过path模块实现路径操作，AI能优化路径逻辑、推荐别名配置并修正导入错误，部署AI模型时需精准管理模型文件路径，结合环境变量适配多环境加载，AI还可辅助调试路径异常、预测文件存储位置并生成路径映射表，推动路径管理向自动化发展。
-
file://协议页面无法发起跨域请求，因浏览器将其origin设为null且不发送请求；必须改用http/https协议，配合服务端CORS配置、本地服务器或开发代理解决。
-
BOM不能直接操作浏览器的HTTP缓存，但可以通过1.使用客户端存储（如localStorage）实现数据缓存；2.通过BOM方法影响资源加载行为间接控制缓存。具体来说，localStorage可持久化存储数据以提升性能和实现离线体验，常用方法包括setItem()存数据、getItem()取数据、removeItem()删数据等。
-
<inputtype="date">不带时区，仅返回本地时区的YYYY-MM-DD字符串；跨时区需在JS层明确用户意图（本地午夜或UTC零点），配合语义标记与IANA时区库处理。
-
使用::before和::after伪元素可在不改动HTML的情况下为表单添加视觉提示；2.通过position:relative与absolute结合content属性定位并显示图标；3.利用颜色如#d32f2f表示错误、#388e3c表示成功强化反馈；4.结合JavaScript动态添加类名控制样式显示，实现邮箱验证等场景的实时提示效果。
-
setTimeout只执行一次，setInterval反复执行；前者注册单次未来任务并销毁，后者以最小间隔重复调度，但不保证准时，易积压或跳过；推荐用setTimeout递归实现可控轮询。
-
要让HTML页脚始终固定在页面底部，最可靠的方法是使用Flexbox布局。具体步骤：1.将html和body设置为flex容器，并设置flex-direction:column；2.设置main区域flex-grow:1，使其填充可用空间，将footer推至底部；3.确保html和body高度为100%以适配视口。相比之下，position:sticky适用于滚动到特定位置后“粘住”的场景，无法实现内容不足时页脚沉底的效果；position:fixed会使页脚脱离文档流，需额外处理内容遮挡问题；Grid布
