HTML标签本身无法可靠实现对齐——<center>和align等属性在HTML5中已被废弃，现代浏览器兼容性差且语义混乱；正确做法是用CSS的text-align控制水平对齐、vertical-align控制垂直对齐，作用于table、th、td等元素。
直接用 HTML 标签本身解决对齐问题，基本行不通——<center> 已废弃，align 属性在 HTML5 中被移除，<font>、<marquee> 等纯表现标签全都不再合法。所谓“用 HTML 标签对齐”，本质是误把语义标签当样式工具用，结果反而埋下兼容性、可访问性和维护隐患。
为什么 align 属性失效了
HTML5 明确废除了所有全局 align 属性（如 <div align="center">、<p align="right">）。现代浏览器（Chrome 90+、Firefox 88+、Safari 15+）要么忽略它，要么只在极少数遗留元素（如 <caption>）中保留有限支持。
- Firefox 会完全无视
td align="right"，但可能渲染th align（行为不一致） - Edge 和 Chrome 对
img align="middle"的处理早已偏离规范，实际效果取决于 line-height 和父容器 font-size - 即使它“看起来有效”，也会被 Lighthouse 或 axe 扫描标记为可访问性错误（ARIA-invalid）
<table> 不是布局工具，但常被误用来对齐
用 <table> 套 colspan/rowspan 实现按钮或表单对齐，短期见效快，长期代价高：语义错误、响应式断裂、屏幕阅读器朗读顺序混乱、打印样式错乱。
- 表格结构一旦嵌套超过两层，
colspan总和计算极易出错，导致某列突然塌缩或溢出 - 移动端 viewport 缩小后，
<table>默认不换行，整块内容横向滚动，用户无法理解上下文 - T-SQL 动态拼接
@tableHTML时，漏一个<td>就让整张表渲染成纯文本（见知识库中 T-SQL 案例）
真正能靠 HTML 标签辅助对齐的，只有三个场景
不是“用标签代替 CSS”，而是用语义化标签提供结构锚点，让 CSS 对齐更可靠、更易维护：
立即学习“前端免费学习笔记（深入）”；
-
<figure>+<figcaption>：包裹图+标题，display: inline-block后可自然网格对齐；比裸写<img><div>更利于无障碍（AT 会将两者关联） -
<colgroup>+<col>：放在<table>开头，显式声明列数与宽度，是table-layout: fixed能生效的前提（否则首行<th>宽度可能被忽略） -
<details>+<summary>：替代手写展开/收起按钮组，内置 focus 管理和键盘导航，避免因vertical-align错位导致按钮基线不齐
最常被忽略的一点：HTML 标签只定义“这是什么”，不对“它长什么样”做承诺。对齐的确定性永远来自 CSS 的盒模型控制——box-sizing、display、flex 或 grid 的组合，而不是多加一个 align="absmiddle"。
