-
HTML是标记语言而非编程语言，以<!DOCTYPEhtml>开头，用语义化标签（如<header><article>）构建结构，依赖属性（class/id/alt）扩展功能，需规范嵌套，并与CSS、JavaScript协同实现网页功能。
-
掌握响应式页脚需四步：1.用<footer>构建语义化结构；2.添加基础样式如背景色、居中对齐；3.使用Flexbox实现自适应布局；4.通过媒体查询优化小屏显示，使内容清晰、布局合理。
-
用min-height:100vh撑满视口最可靠，避免height:100vh截断内容；推荐设在主容器而非html/body；配合Flex布局（父容器flex-column+min-height:100vh，主内容flex:1）可实现页脚粘底；iOSSafari需注意vh兼容性，可用JS动态适配或回退height:100%。
-
CSSGrid注册页布局需语义化HTML、两列式网格对齐标签与输入框，并用display:contents使子元素直参网格排列，小屏时通过媒体查询转单列。
-
前端构建工具选型需根据项目需求：Webpack适合大型项目，Vite提升开发体验，Rollup用于库打包，Parcel简化配置。
-
JavaScript中对象用==或===比较恒为false，因比较的是内存引用而非内容；仅当指向同一实例时===才为true；内容相等需浅比较（单层属性）或深比较（递归处理嵌套、循环引用等），推荐使用Lodash的_.isEqual()。
-
使用语义化标签如<figure>、<figcaption>和<section>组织音视频内容，结合max-width:100%等响应式样式确保跨设备适配，并通过controls属性、<track>字幕支持及降级文本提升可访问性，使多媒体结构清晰且易于使用。
-
HTML5常见问题及解决方法：一、IE8以下用html5shiv支持语义化标签；二、移动端媒体需用户手势触发播放，静音自动播放须设muted属性；三、Canvas高DPI模糊需按devicePixelRatio缩放；四、Safari无痕模式localStorage受限，应检测后降级；五、WebWorkers错误需主动监听并回传主线程。
-
实现渐隐渐显效果需结合CSS的opacity与transition属性，通过设置opacity在0到1之间变化并配合transition定义过渡时间，可使元素平滑显示或隐藏。常见触发方式包括:hover伪类或JavaScript操作类名切换，如添加.hidden类（opacity:0）实现渐隐，移除则渐显。为优化体验，应提前设定transition，避免事件透传可结合visibility:hidden，提升性能可使用will-change:opacity，若需元素隐藏后不占空间，可辅以pointer-ev
-
JavaScript构建工具的核心作用是将源代码转换为浏览器可运行的静态资源并优化性能；Webpack基于依赖图编译打包，适合大型定制化项目；Vite利用原生ESM按需编译，开发体验更优，新项目优先选Vite。
-
JavaScript事件是用户或浏览器触发的交互动作，核心机制包括用户交互、页面生命周期、表单及网络事件；推荐使用addEventListener绑定，注意e.target与e.currentTarget区别，善用事件委托提升性能。
-
HTML5中隐藏表单元素有五种方式：一、type="hidden"提交但不显示；二、CSSdisplay:none隐藏但仍提交；三、hidden属性语义隐藏且默认仍提交；四、disabled配合CSS彻底隐藏且不提交；五、aria-hidden="true"仅屏蔽屏幕阅读器。
-
box-shadow属性通过设置水平偏移、垂直偏移、模糊半径、扩散半径、颜色和inset实现元素阴影效果，常用于按钮悬浮、卡片立体化和内凹设计，合理调整参数可提升界面层次感与交互真实感。
-
可通过五种方法修改HTML背景图：一、内联style设置；二、内部CSS样式表定义；三、外部CSS文件控制；四、JavaScript动态修改；五、CSS自定义变量统一管理。
-
可实时运行HTML代码的交互式编辑框可通过三种方案实现：一、CodeMirror+iframe动态执行，用document.write渲染；二、JSFiddle风格iframe沙箱，用srcdoc属性加载；三、MonacoEditor+BlobURL，提供专业编辑体验。
