<center> 标签在 HTML5 中已废弃，因其缺乏语义、损害可访问性且违反 CSS 分离原则；应按场景选用 text-align: center、margin: 0 auto、Flex 布局等 CSS 方案替代。
<center> 标签在 HTML5 中已彻底废弃，不能用，也不该用。
为什么 <center> 被废弃
它纯粹是表现层标签，把内容居中却无法说明“为什么居中”——是标题？提示框？还是临时调试？语义缺失导致可访问性差、维护困难，且与 CSS 分离原则冲突。浏览器虽大多仍能渲染，但 W3C 明确标记为 obsolete，现代编辑器（如 VS Code）会报警告，构建工具（如 HTMLHint）默认拦截。
CSS 替代方案：按场景选对写法
居中不是单一操作，得看元素类型和上下文：
- 块级元素水平居中：
margin: 0 auto（需设width或max-width） - 行内元素（含文字、
<span>、<img>）居中：父容器加text-align: center - 弹性布局全面居中（推荐新项目）：父容器设
display: flex; justify-content: center; align-items: center - 绝对定位居中（慎用）：需同时设
top: 50%、left: 50%和transform: translate(-50%, -50%)
例如替换旧代码：
<center><h2>欢迎页</h2></center>→ 改为：
<div style="text-align: center"><h2>欢迎页</h2></div>或更规范地用类名控制。
容易踩的坑：别以为加了 text-align: center 就万事大吉
常见翻车点：
-
text-align只影响**行内内容**，对子元素是display: block的无效（比如<div>默认块级） - 用
margin: 0 auto时忘了设宽度，结果毫无反应 - Flex 布局里忘了给父容器设高度，
align-items: center看不出垂直效果 - 在表格单元格（
<td>）里误删align="center"后，没补 CSS，导致样式丢失
真正麻烦的不是换标签，而是理清「这个居中是为结构服务，还是纯视觉调整」——前者该用语义化容器+CSS，后者才考虑 utility class 或内联样式。老项目批量替换时，优先扫 <center> + 表格属性（align, valign），它们常扎堆出现。
