-
header是页面或区块头部容器，nav专指主导航链接集合；article须独立可分发；section需带标题才具语义；正确语义标签提升SEO与无障碍访问。
-
在HTML5中实现黑体及加粗需用CSS的font-family和font-weight：一、font-family按优先级列“SimHei”,“MicrosoftYaHei”,“HeitiSC”,sans-serif；二、font-weight用700或bold；三、组合声明并注意继承；四、可用@font-face引入自定义黑体；五、避免无效字体名、缺回退、混用值等错误。
-
grid-template-areas是通过字符串定义语义化网格区域的CSS属性，比数字定位更直观因其直接映射视觉结构、便于维护；需保证每行列数一致，用“.”占位空单元格，命名须符合CSS标识符规范。
-
使用visibility与opacity结合可实现元素的淡入淡出动画，解决display:none无法触发动画的问题。通过animation控制visibility和opacity属性，在视觉隐藏的同时避免交互响应，常用于提示框、弹窗等需要平滑显示隐藏的场景。关键在于利用visibility控制元素是否参与渲染，opacity实现透明度变化，配合forwards保持动画终态，从而达到“真正隐藏”的效果。
-
width:auto在块级元素中撑满父容器宽度，height:auto仅由内容撑开且不响应父高；二者行为本质不同，auto的自适应依赖可确定的可用空间基准。
-
JavaScript是通用语言，初学者应先用浏览器Console验证console.log；避免var，优先用const/let；本地开发需HTTP服务而非file://；DOM操作须确保元素已加载。
-
Promise是ES6引入的异步编程标准对象，用于解决回调地狱、错误处理分散及缺乏统一控制等问题；它表示异步操作的三种状态（pending/fulfilled/rejected），通过newPromise()创建，支持.then()/.catch()链式调用与Promise.all/race/finally等组合方法。
-
首先通过HTML结构搭建预览图、放大镜玻璃和放大区域，再用CSS进行定位与隐藏控制，最后利用JavaScript监听鼠标事件实现坐标同步与图片偏移，完成放大镜效果。
-
HTML中精确替换代码片段有五种方法：一、JavaScriptreplace()动态修改innerHTML；二、DOM遍历逐节点替换；三、正则预处理静态HTML；四、用Cheerio等解析器安全操作；五、MutationObserver监听动态内容并替换。
-
卡片翻转不顺畅的根源在于未开启硬件加速、transition未写在默认状态及perspective位置错误；需为父容器设preserve-3d与perspective，翻转元素加backface-visibility:hidden和will-change:transform，并确保transform-origin:center、结构扁平、使用自然贝塞尔曲线。
-
使用CSSoutline可提升键盘导航体验，因它不占布局空间且兼容辅助技术。通过调整outline-color、outline-offset及配合prefers-contrast，既能美化焦点样式，又保障可访问性，推荐在:focus-visible中应用以兼顾美观与可用性。
-
将HTML文件放入Tomcat的webapps/ROOT目录，启动bin目录下的startup脚本，通过http://localhost:8080/文件名.html访问，可创建自定义应用目录或修改server.xml配置端口。
-
变量提升是JavaScript在编译阶段将声明注册到作用域内存的机制，声明提升但赋值不提升。var声明初始化为undefined，可访问但值为undefined；let/const存在暂时性死区，访问报错；函数声明完整提升可调用，函数表达式按变量规则处理；同名时函数优先于变量提升。
-
响应式设计需通过五种方法实现：一、用viewport元标签控制视口；二、采用流体网格布局；三、应用CSS媒体查询；四、使用Flexbox与Grid布局；五、启用CSS自定义属性与clamp()函数实现流体排版。
-
答案：JavaScript中实现状态模式可通过封装不同状态行为于独立对象中，避免冗余条件判断。示例中MediaPlayer作为上下文持有当前状态引用，并将播放、暂停、停止操作委托给具体状态对象处理；每个状态类（如PlayingState、PausedState、StoppedState）实现对应行为并可改变上下文状态，从而实现行为随状态变化而变化，提升代码可维护性与扩展性。
