HTML5已废弃<font>、<center>、<u>、<strike>、<marquee>等标签，应使用W3C Validator扫描或grep命令快速识别；需用CSS替代表现功能，并依语义选用、等现代标签。
<font>、<center>、<u>、<strike>、<marquee> 这些标签在 HTML5 中已明确废弃，继续混用会导致语义断裂、无障碍支持失效、响应式控制失灵——不是“还能用”，而是“正在悄悄破坏结构”。W3C Validator 会直接标出 Element font is obsolete 这类提示，但更危险的是它不报错的场景：比如 <b> 和 <i> 虽未废弃，但语义弱于 <strong> 和 <em>，错用等于放弃语义表达权。
怎么快速定位页面里残留的废弃标签
别靠肉眼扫，浏览器不会警告，但结构隐患已埋下。本地筛查最有效的是 grep 命令：
-
grep -i -o "<\(font\|center\|u\|strike\|marquee\|frame\|frameset\|noframes\)>" index.html—— 一行命令抓出所有显性废弃标签 - 注意：
<img>后面跟</img>是非法嵌套，grep不会匹配，但 W3C Validator 会报 Element img is not closed，这是解析级错误，不是警告 - CI/CD 中建议接入
html-validate，启用"html-validate/no-self-closing": "error"规则，提前拦截 XHTML 风格写法
替换时为什么不能只改标签名
把 <font color="red"> 换成 <span style="color:red"> 是伪修复——内联样式仍存在，语义和可维护性都没提升。关键在于解耦表现与结构：
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
-
<font>→ 必须转为<span>+ 外部 CSS 类（如text-error），禁用style属性 -
<center>→ 几乎总该用text-align: center（行内内容）或margin: 0 auto（块级居中），保留它等于主动放弃移动端适配能力 -
<marquee>→ 不是简单换标签的事，它无标准行为、无无障碍支持，必须重写为 CSS@keyframes或轻量 JS 动画，且需提供暂停控制
语义标签替换要警惕“假重构”
把一堆 <div> 批量替换成 <section> 或 <article> 反而出问题，因为语义标签不是同义词替换：
立即学习“前端免费学习笔记（深入）”；
-
<section>要求有明确主题，且应自带标题（<h2>–<h6>），否则不如用<div> -
<article>表示能独立分发的内容单元（如博客文章、新闻条目），用户列表里的每项才可能是<article>，整个列表本身通常只是<section> -
<main>在整个文档中只能出现一次，且不能嵌套在<header>、<footer>或<nav>内，JS 动态插入时容易忽略这点
真正难的不是找到废弃标签，而是判断某个 <b> 到底该留、该换 <strong>，还是该拆成 <span class="keyword"> ——这取决于它承载的是强调语气、关键词高亮，还是纯视觉加粗。语义决策必须落在内容意图上，而不是标签列表上。
