-
使用Flexbox实现多列自适应布局：设置父容器display:flex，子元素通过flex属性自动分配空间，flex-wrap:wrap允许换行，结合gap控制间距；等宽布局设所有子项flex:1；不等宽时固定列用flex:00宽度，自适应列用flex:1；响应式下通过媒体查询或flex-basis控制换行，实现移动端堆叠。
-
clearfix用于解决浮动元素导致父容器高度塌陷的问题，通过在父元素上应用特定CSS规则使其正确包裹子元素。常见写法包括基础clear:both（不推荐）、micro-clearfix及NicolasGallagher提出的兼容方案，后者通过display:table和zoom:1支持IE6-IE8。现代开发推荐使用Flexbox或Grid布局替代浮动，若需兼容旧浏览器则采用完整micro-clearfix类。实际项目中应优先选择现代布局方式，避免依赖清除浮动技术。
-
按钮颜色与阴影不同步的根本原因是transition属性未对齐：需确保color和box-shadow同时声明、duration完全相同（推荐统一用0.3s）、timing-function一致（如均用ease），并排除全局样式覆盖。
-
JavaScript国际化核心是抽离语言内容并动态加载：用JSON管理多语言资源，fetch加载对应语言包，t()函数实现翻译、参数替换与复数处理，所有文本须经t()输出以避免中英混杂。
-
:target伪类在URL片段与元素id匹配时生效，可用于高亮内容、实现选项卡和模态框。例如，当URL为#section1时，id="section1"的元素应用:target样式，如背景变黄或显示块。常用于无需JavaScript的交互效果，支持现代浏览器及IE9以上，需注意仅作用于有id的元素，页面加载无锚点时不触发，建议结合transition和可访问性优化使用。
-
grid-template-areas用语义化名称定义网格区域，通过字符串“视觉草图”直观布局，配合grid-area快速分配元素，支持响应式一键切换结构，需注意行列数一致、用点号占位、名称严格匹配。
-
<summary>标签必须嵌套在<details>内才有效，作为其首个子元素定义可折叠标题，点击触发展开/收起；单独使用无效，且需注意Safari兼容性及手风琴等复杂交互应改用ARIA方案。
-
使用语义化标签如<header>、<nav>、<main>等替代<div>，合理嵌套、控制层级，配合BEM命名和统一代码格式，提升HTML可读性与维护性。
-
数据驱动的HTML文件是指内容通过外部数据动态生成而非硬编码在页面中。1.数据获取：从数据库、API或JSON文件等来源获取结构化数据；2.模板定义：创建含占位符的HTML模板，规定页面结构；3.数据绑定与渲染：通过前端JavaScript框架或后端模板引擎将数据填充至模板，生成完整HTML；4.内容呈现：将渲染后的HTML发送给浏览器展示。编辑HTML可采用文本编辑器手动编写，也可通过编程方式自动化修改。实现方式包括：客户端渲染（CSR），如React、Vue通过JS动态更新DOM；服务器端渲染（SSR
-
HTML5项目可通过Webpack、Gulp、直拷贝修正路径或Vite四种方式打包为静态文件：Webpack模块化打包并自动注入资源；Gulp流式处理压缩与哈希；直拷贝法适用于简易单页应用；Vite提供快速构建与ES2015兼容输出。
-
JavaScript中设置Cookie需通过document.cookie="key=value;expires=...;path=/;domain=..."字符串赋值，必须显式指定expires/max-age、path和domain才能正确覆盖或删除；读取需正则解析并decodeURIComponent；删除本质是写入过期同名Cookie，且path/domain必须严格匹配原值。
-
使用data-src存储真实图片地址，src指向极小占位图避免布局偏移；2.CSS设置图片自适应与淡入过渡效果；3.JavaScript通过IntersectionObserver监听视口进入，动态加载图片并添加loaded类；4.结合data-srcset与sizes实现响应式多尺寸加载，提升性能与用户体验。
-
text-shadow语法为水平偏移、垂直偏移、模糊半径、颜色，前三个必为长度单位，颜色可选；支持负值与多层逗号分隔；单层用于轻量提示，多层可实现立体或描边但需防性能问题；IE9+和Safari5.1+支持，旧版存在rgba和多层兼容性限制。
-
JavaScript中的“树结构”指DOM这种分层数据组织方式，以document为根节点，HTML元素按父子、兄弟关系嵌套构成树；常用遍历法包括childNodes/children、parentNode、next/previousElementSibling、querySelector及递归DFS与队列BFS。
-
HTML5无法卸载，需清理其运行时机制：清空localStorage/sessionStorage/indexedDB数据、注销ServiceWorker、删除PWA记录、禁用干扰扩展。
