-
浮动导航栏HTML结构应为<nav><ul><li>首页</li><li>产品</li><li>关于</li></ul></nav>，仅对<li>设float:left，设display:block，<ul>用::after清除浮动防塌陷。
-
<mark>标签在GitHubREADME、JupyterNotebook（Markdowncell）、Typora（默认模式）、Obsidian（HTML启用时）、CSDN、语雀（部分版本）中可直接生效，前提是环境解析HTML且未过滤该语义标签；在微信公众号、Hugo等禁用HTML的平台则失效，需改用平台原生强调语法或服务端词法高亮方案。
-
WebGL是OpenGLES的JavaScript绑定，不内置3D概念，所有3D效果需手动实现MVP变换、光照等；常见黑屏问题多因相机设置、像素比、光源或单位不匹配所致。
-
必须保留-webkit-overflow-scrolling:touch，因iOSSafari（含17.4）仍依赖它启用滚动惯性，且无现代替代方案；不加则拖完即停、无回弹、无法甩动。
-
table-layout:fixed没生效最常见原因是table未设width或父容器无宽；它只改变列宽计算逻辑，不自动约束尺寸，需配合col元素或第一行width声明及显式width设置才能生效。
-
Safari中input[type="text"]阴影失效是因为其默认启用系统级渲染样式，需同时设置-webkit-appearance:none、border、background-color、padding、line-height并注意overflow和伪元素重置。
-
:empty选择器用于匹配完全无内容的元素，包括无文本、子元素或伪元素。例如空div会被匹配，而含空格或子标签的则不会。利用此特性可为空容器添加边框或背景提示，如设置虚线边框或占位背景，提升界面可读性与用户体验。实际应用中需注意清除空白字符、结合JS动态控制，并可使用:not(:empty)反向筛选非空元素，确保样式准确生效。
-
瀑布流不能用grid-row跨行，因多列流布局不支持row-span；真实瀑布流需JS测各列高度、插入最短列，并通过设置height模拟跨行，同时必须处理图片加载导致的高度塌陷。
-
fieldset的核心作用是语义化分组而非美化，必须搭配legend（作为首个子元素）实现无障碍支持；disabled属性可原生禁用整组控件，CSS模拟无效且破坏可访问性。
-
事件委托是通过父元素监听子元素事件以提升性能和动态兼容性。它避免为每个子项单独绑定事件，解决内存占用高和新节点无响应问题，利用事件冒泡、精准识别目标、结合data属性实现高效处理。
-
能，HTMLhistoryAPI仅支持前端路由与状态变更的回溯，通过pushState/replaceState记录URL和轻量state，不捕获输入、滚动等行为，需手动同步业务状态，非通用操作快照工具。
-
<map>标签必须配合<img>的usemap属性且与<map>的name严格匹配才能生效；coords值依shape类型而定，原点为图片左上角，不响应CSS缩放；<area>支持href、target等链接属性，alt不可省略；响应式下需改用SVG或绝对定位方案。
-
双系统下HTML函数工具资源分配需跨启动项、内核、UEFI协同优化：一、Windows侧通过bcdedit新建“HTML-Optimized”启动项并启用isolatedcore与平台时钟；二、Linux侧在GRUB中添加mem=3G、isolcpus及cgroup参数，并创建内存限制控制组；三、UEFI中开启VT-d/IOMMU实现PCIe设备硬隔离；四、禁用Windows快速启动并固化GRUB为首选引导；五、在启
-
aria-expanded必须实时同步按钮展开状态，否则屏幕阅读器播报错误；按钮须用语义化<button>而非div+role="button"；面板容器需设role="region"且通过aria-labelledby唯一关联按钮ID；切换时同步更新aria-expanded和hidden属性。
-
优先使用外部样式表并配合缓存策略，通过内容指纹命名、分离关键CSS、启用压缩和合理设置缓存头，可显著提升页面加载速度与用户体验。
