-
必须先转义HTML字符再用<code>包裹才能正确显示源代码；<var>和<samp>仅表语义，不自动转义，误用会导致解析错误或无障碍问题。
-
Promise.withResolvers仅用于单次终态触发场景，解决Promise创建后外部安全调用resolve/reject的问题，不支持多阶段状态流转、重入或取消重试等复杂状态机需求。
-
preconnect必须写在<head>中且仅支持完整协议+域名，不支持路径或省略协议；需为跨域字体等CORS资源添加crossorigin属性，建议控制在3–6个关键域名以内。
-
HTML5本身不提供地图或测距功能，实际是通过HTML5页面加载第三方地图SDK（如高德、Leaflet等），调用其API实现测距；必须基于经纬度使用球面公式或SDK地理计算函数，禁用像素距离估算。
-
在Vue3中，当组件接收的props可能是原始对象或JSON字符串时，可通过toRefs+computed封装通用工具函数，在不污染响应式、不修改原始props的前提下，自动解析字符串为对象，实现类型统一与逻辑解耦。
-
<p>scrollWidth-clientWidth不等于滚动条宽度，而是内容溢出量；稳定获取滚动条宽度应使用offsetWidth-clientWidth（配合隐藏滚动容器测量）或scrollbar-gutter:stable防布局抖动。</p>
-
HTML表单本身不支持热力图，所谓“表单热力图”是前端行为分析工具（如Hotjar、MicrosoftClarity、Matomo等）在页面加载后，通过JS注入实现的叠加层，不是HTML或CSS原生能力。为什么标签里加不了热力图热力图本质是记录用户鼠标移动、悬停、点击、聚焦等事件，并在DOM上绘制透明色块。HTML表单只是语义化容器，没有事件采集、数据上报、可视化渲染逻辑。不触发任何自动埋点，也不会把input、select的交互行为“广播”给分析服务浏览器
-
iPad上HTML5FileReader读取PDF失败主因是系统沙盒限制，非代码错误；应优先用readAsDataURL配合pdfjs解析，超30MB改用系统原生链路。
-
用<nav>包裹语义化<a>标签实现九宫格，CSSGrid配repeat(auto-fit,minmax(100px,1fr))和gap自适应行列，aspect-ratio:1/1加min-height:88px保障触控与可访问性。
-
中文排序必须用Intl.Collator('zh',{sensitivity:'base'})，因localeCompare依赖系统locale不可靠；'zh'是最稳妥locale值，sensitivity:'base'忽略声调适配商品名；需避免重复创建实例、确保ICU支持、清理不可见字符。
-
CSS框架对齐更可靠，因其封装了box-sizing、gap兼容性及单位换算，避免手写margin/padding在不同浏览器和布局嵌套中的不一致；需确保容器启用对应布局模式（如flex/grid），否则对齐类无效。
-
navigator.clipboard.writeText()仅支持text/plain格式，无法保留超链接、加粗等样式，因外部应用（如Word、Notes）只解析text/html或CF_HTML；需用write()配合含text/plain与合法text/html（含StartFragment等结构）的ClipboardItem实现富文本复制。
-
Generator函数通过yield暂停并保存状态，next()恢复执行，支持按需计算、协程和异步控制流；yield*委托可迭代对象；迭代器封装上下文，for...of等自动消费；return()提前终止，适合无限序列与树遍历。
-
页脚必须嵌套在语义化区块内（如<main>后同级），不可孤悬于<body>；版权年份需动态生成；邮箱/电话须用mailto:/tel:协议；应使用<address>包裹地址；法律链接需结构化；粘性页脚宜用flex布局而非fixed；必须添加role="contentinfo"。
-
width和height在flex容器中仍生效，但作为flex-basis的后备值；当flex-basis未设置或为auto时起作用，否则被忽略；min-width/min-height及box-sizing会影响最终尺寸计算。
