-
HTML5无内置栅格系统，需用CSSGrid（如repeat(auto-fit,minmax(280px,1fr))）或Flex实现响应式布局；断点应基于内容变形而非设备尺寸；子项跨列必须用grid-column而非class模拟。
-
单页应用（SPA）需通过服务端渲染（SSR）、预渲染或动态渲染使爬虫获取完整HTML，辅以语义化标签、动态元信息、规范路由及Sitemap等基础SEO实践来提升搜索引擎收录效果。
-
CSStransition对display:none切换完全无效，因display是离散属性无中间状态；应改用opacity、transform、max-height等可过渡属性实现显隐动画。
-
能，但不能通过Tab键到达；tabindex="-1"允许脚本调用.focus()却排除在默认Tab顺序外，适用于模态框关闭按钮等需程序聚焦但不参与自然导航的场景。
-
TypedArray是JavaScript中直接映射底层二进制内存的类型化视图，具备零拷贝共享、确定性内存布局、与WebAPI无缝对接及高效协议解析等核心优势。
-
:disabled伪类用于选中禁用的表单元素并设置样式，如input:disabled{background-color:#f2f2f2;color:#999;cursor:not-allowed;}，适用于input、button、textarea、select等元素，配合disabled属性实现视觉提示，提升用户体验。
-
overflow-x和overflow-y分别控制元素内容在水平和垂直方向的溢出显示方式。1.overflow-x处理左右溢出，取值有visible（默认，显示溢出）、hidden（隐藏溢出）、scroll（强制显示滚动条）、auto（溢出时显示滚动条）；常用于宽表格或长文本容器。2.overflow-y控制上下溢出，取值同overflow-x；适用于固定高度的侧边栏或弹窗，auto最常用以实现按需滚动。3.两者可独立设置，也可与overflow组合使用；若同时定义，具体方向属性会覆盖overflow的对
-
通过CSS变量实现主题切换，首先在:root中定义默认颜色变量，并为不同主题（如暗色）设置[data-theme]属性覆盖变量值；接着在样式中使用var()引用这些变量，使组件动态响应颜色变化；通过JavaScript修改HTML元素的data-theme属性即可全局切换主题，同时结合localStorage保存用户偏好；利用命名约定和分组管理多主题变量，提升可维护性；支持prefers-color-scheme实现系统级暗色模式适配，并确保颜色对比度符合可访问性标准。
-
margin:auto在grid中不生效是因为它仅在有明确尺寸限制的轴向且存在剩余空间时才起作用，受align-self/justify-self覆盖、IE11不支持及轨道未定义高度等因素影响。
-
HTML5推送消息加密必须遵循RFC8291标准，由服务端使用ECDH密钥协商与AES-GCM加密载荷，客户端仅生成并安全保管P-256密钥对，浏览器拒绝非标准加密格式。
-
HTML5读作"aitch-tee-em-elfive"，其中H、T、M、L分别发音为aitch、tee、em、el，数字5读作five，不可连读为单词或全称，正确读法符合技术术语标准，类似CSS3、ES6等。
-
本文介绍如何将扁平的JavaScript对象数组，按指定属性顺序（如['A','B','C','D']）递归分组，生成符合图表库要求的嵌套树形结构（含name与children字段），支持任意层级、自动去重与深度优先展开。
-
Map是带插入顺序、支持任意键类型的键值集合；它不转键为字符串，用SameValueZero比较键，保证遍历顺序，方法统一且性能稳定，但无法直接JSON序列化。
-
答案是通过微调节色明暗、保持色彩统一并结合阴影渐变，使按钮hover状态既明显又协调。基于原色调整明度10%-15%，使用HSL模式控制，深色系提亮、浅色系加深，避免大幅色相变化；配合轻微阴影或边框同步加深增强立体感；确保文字对比度不低于4.5:1，重要按钮反馈可更明显，整体效果应自然流畅，给人“被按下去”的直观感知。
-
应显式声明需过渡的属性而非使用transition:all；用class切换替代内联样式修改；避免对不支持过渡的属性（如display）直接设动画；按属性特性差异化设置duration与timing-function。
