-
使用语义化标签如<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记录、禁用干扰扩展。
-
text-align用于控制块级元素内行内内容的水平对齐，如文本、图片居中；text-decoration则负责文本装饰线的添加或移除。1.text-align作用于容器内部的行内内容，常用值有left、right、center和justify，实现文字或内联元素在父容器中的对齐；若需块级元素自身居中，应使用margin:0auto或Flexbox等布局方式。2.text-decoration为简写属性，可设置下划线类型、颜色、样式与粗细，支持none、underline、line-through、ove
-
ES6的class本质是构造函数的语法糖，底层仍基于原型机制；它用class关键字声明，含constructor、实例方法和静态方法，不提升、默认严格模式，必须new调用，方法不可枚举，继承通过extends+super实现。
-
transition不能过渡position属性本身，但可过渡left、top等偏移值或使用transform实现平滑动画。
-
微前端通过ModuleFederation实现应用拆分与模块共享，提升开发部署效率。1.按业务、团队或权限拆分子应用，实现独立开发与技术栈自治；2.Webpack5的ModuleFederation支持Host加载Remote暴露的模块，运行时动态引入组件；3.配置shared依赖避免重复加载，设置singleton、eager和version确保版本一致与性能优化；4.子应用间通过事件、URL参数、全局状态或props通信，推荐松耦合机制；5.实践需关注隔离、降级与监控，保障系统稳定性。
-
使用容器和CSS实现HTML视频响应式布局，通过设置宽度百分比、height:auto及padding-bottom维持16:9比例，结合媒体查询优化小屏显示，确保视频自适应不同设备。
-
使用:link和:visited可设置超链接不同状态样式，1.:link定义未访问链接如a:link{color:blue;}，2.:visited定义已访问链接如a:visited{color:purple;}，需注意浏览器隐私限制，3.按LVHA顺序（:link、:visited、:hover、:active）书写避免覆盖，提升导航体验。
-
本文详解克隆网站时CSS不生效的常见原因（尤其是跨域字体加载失败），并提供Apache环境下通过CORS配置解决Web字体阻塞的完整方案。
