-
商品卡片应使用语义化HTML结构：用<article>包裹，标题用<h3>，价格等关键字段用带语义类名的标签（如<spanclass="price">），主图<img>必须含描述性alt属性，促销标签用<spanrole="note">，按钮统一为<buttontype="button">；CSS布局优先用flex实现单列流，大屏再切grid，禁用固定高度，图片区域设aspe
-
Proxy响应式核心是通过get/set拦截实现依赖收集与更新触发：读取时自动记录副作用函数为订阅者，写入时精准通知相关更新，并配合effect/trigger构建闭环，支持嵌套路径与数组边界处理。
-
首屏白屏时间长通常不是HTML文件本身加载慢，而是其触发的阻塞行为所致，如未优化的script、无尺寸图片、同步CSS或服务端响应慢。
-
ServiceWorker无法实现真正的版本镜像，仅能通过语义化缓存名、精准URL匹配及install/activate分阶段控制模拟；缓存名须含可维护版本标识（如static-prod-v2.3.1），install阶段只写新缓存，activate阶段再清理旧缓存，并确保预缓存URL与页面请求URL完全一致。
-
history.pushState()是浏览器原生支持的无刷新跳转核心方法，通过操作history对象新增历史记录、更新URL（同源相对或绝对路径），不触发重载；需配合popstate事件监听及手动内容加载实现完整SPA路由。
-
初学者推荐VSCode、SublimeText、Brackets和Notepad++四款HTML编辑器：VSCode免费开源，支持LiveServer实时预览；SublimeText简洁高效，可无限试用；Brackets专为前端设计，具同步实时预览；Notepad++极简轻量，适合Windows入门。
-
:lang()选择器更可靠，因它依赖语言继承而非显式lang属性，大小写不敏感且支持BCP47，兼容性好、不污染HTML，适合多语言字体控制与精准样式匹配。
-
createElement()创建的元素不显示，因其仅生成游离DOM节点，未挂载到文档树中；必须用appendChild()等方法显式插入父容器，否则浏览器不渲染。
-
display:box是2009年草案的独立布局模型，与现代flex无继承关系，仅在Chrome≤28、Safari≤7等极旧环境可用，需显式写-webkit-box-orient，不可混用flex，现仅line-clamp等特定场景必须保留。
-
最直接有效的办法是将项目主样式表放在所有第三方样式表之后引入，因为CSS中相同选择器的样式后加载的会覆盖先加载的；正确顺序为先第三方样式、再全局样式、最后页面专属样式。
-
JavaScriptBigInt是一种内置原始类型，用于表示任意精度整数，突破Number的安全整数限制（2⁵³−1）；通过字面量（如123n）或BigInt()函数创建，支持基本算术运算但不与Number混用，适用于大ID、密码学等高精度场景。
-
<hr/>标签是语义化主题分隔符，仅用于内容主题切换（如章节更替、视角转换），不可作视觉装饰；滥用会破坏可访问性与结构逻辑，样式须用CSS控制，禁止嵌套在<p>内。
-
双系统下HTML函数工具资源分配需跨启动项、内核、UEFI协同优化：一、Windows侧通过bcdedit新建“HTML-Optimized”启动项并启用isolatedcore与平台时钟；二、Linux侧在GRUB中添加mem=3G、isolcpus及cgroup参数，并创建内存限制控制组；三、UEFI中开启VT-d/IOMMU实现PCIe设备硬隔离；四、禁用Windows快速启动并固化GRUB为首选引导；五、在启
-
必须同时设置object-fit:cover、object-position:center、明确宽高及避开移动端Safari的vh坑，否则视频会偏移、裁切关键区域或底部留白。
-
dropzone属性已被废弃，现代浏览器不支持且屏幕阅读器无法识别；应改用tabindex、ARIA属性与dragover/drop事件组合实现可访问拖拽功能。
