废弃标记识别

旧页面中可能出现 font、center、bgcolor、frame、acronym 等历史写法。浏览器往往仍然解析它们，但“仍能显示”不等于它们适合新代码或能表达当前语义。

html

<!-- 旧写法：视觉和内容混在一起 -->
<font color="red">错误</font>

<!-- 迁移目标：内容表达与样式分离 -->
<strong class="error">错误</strong>

识别废弃标记时要先确认它承担了什么职责：颜色、对齐、提示、结构还是嵌入内容。迁移到语义元素和 CSS 前，保留可见文本、表单关系、打印效果和辅助技术名称。不要只做标签替换而丢失事件、默认行为或服务器模板条件。

实验与练习

找一段含有 font、center 或内联颜色的旧 HTML，建立截图和 DOM 基线。把它改成语义元素加类名，分别检查视觉、可访问性树、打印和脚本查询结果，记录仍需单独处理的行为。

为旧页面保留一个基线副本，分别在 quirks mode、table layout、float 多列和现代布局下运行。记录 DOM、尺寸、换行和脚本选择结果，再一次只迁移一个约束；迁移后必须用相同输入比较截图和交互行为。

最后把识别、测量、替换和回滚组织成渐进迁移：渐进迁移策略。