HTML中使用标签可以设置页面自动刷新。其基本用法如下：语法：参数说明：秒数：页面自动刷新的时间间隔（单位：秒）。URL=跳转地址（可选）：在刷新后跳转到指定页面。示例代码：1. 页面每5秒刷新一次：
不推荐使用metahttp-equiv="refresh"，仅适用于临时调试或极简静态页；它不可控、干扰体验、与SPA路由/缓存冲突，且存在兼容性、无障碍和数据丢失等问题。
margin:auto水平居中需满足：元素为块级、在普通流中、显式设置宽度；垂直方向无效。常见失效原因包括未设width、父容器无高度、元素被绝对定位或浮动。
IE8及以下不识别HTML5标签，需用html5shiv通过document.createElement()注册并配合CSS设display:block；多媒体标签需多源格式+Flash降级；localStorage需存在性检测并降级至cookie。
flex-basis不生效主因是flex-grow非零导致空间重分配；应设flex:01值或flex:11值明确控制，等宽布局直接用flex:1更稳，单位依容器是否固定选%或px，避免与width混用。
JavaScript虽非纯函数式语言，但可通过规避副作用、坚持不可变性、避免共享状态来写出接近纯净的函数式代码；纯净函数要求相同输入恒得相同输出且无任何可观察副作用。
图片和文字垂直对齐不生效，主因是父容器未设置display:flex；需先声明display:flex，再用align-items:center才有效，否则该属性无效。
CSSgrid-template-areas值本质是单字符串，换行符被视为空格，但每行引号内字符数必须严格对齐，否则区域名错位导致声明被忽略；不支持\行继续符；推荐每行独立引号、空格分隔、注释辅助对齐，并禁用Prettier自动格式化。
本文详解如何使用CSSGrid构建一个双栏响应式布局：左侧居中显示标题与描述文字，右侧完整展示图像（不拉伸、不裁剪），整体置于纯色背景面板中，并解决初学者常见的对齐失效与图像溢出问题。
用onwheel实现图片缩放需绑定img元素、调用preventDefault()阻止默认滚动，结合deltaY判断方向、transform-origin实现鼠标中心缩放，并限制scale范围在0.2–5之间。
Safari15.6中grid-template-areas含连字符（如"header-nav"）会静默失效，导致display:grid回退为block，应改用下划线或纯字母命名，并避免subgrid；Edge18不支持gap，需用margin模拟；Firefox120前不支持:has()；IE11和iOS9.3不支持CSS变量动态更新，需静态替换或JS控制；clip-path等细微差异需真机多版本测试。
SpringBoot默认静态资源路径为src/main/resources/static，其中HTML/CSS/JS直接HTTP映射访问；templates目录用于Thymeleaf等模板文件，需@Controller返回视图名才能渲染。
HTML5<dialog>标签默认隐藏且需JavaScript控制：show()非模态，showModal()模态并支持::backdrop（Chrome/Edge111+、Safari17.4+），Firefox不渲染遮罩；必须监听close事件统一处理关闭逻辑，表单提交会自动关闭，建议用JS控制流程以保障兼容性。
本文介绍如何在单个容器中为多张图片分别配置不同背景图，并通过绝对定位与透明度控制，实现“原图在后、半透明水印图在前”的滑块式视觉效果。
Bootstrap5tab切换需用opacity+visibility替代display控制显隐，关键CSS为：.tab-content>.tab-pane{opacity:0;visibility:hidden;transition:opacity.3sease,visibility.3sease;}.tab-content>.tab-pane.show{opacity:1;visibility:visible;}
Node.js安装最推荐使用官方LTS版安装包或NVM版本管理器，确保环境变量配置正确后，通过node-v和npm-v验证安装，配合nvm可高效管理多版本切换，适用于不同项目兼容性需求。
