html转html5需用语义化标签替代无意义div，如header、nav、main、aside、footer；section和article非div直替，须依内容逻辑选用；废弃font、center等旧标签，保留必要div用于样式或js挂载。
HTML 转 HTML5 不是简单改个 就完事，核心是用语义化标签替代无意义的 <code><div> 堆砌，让结构可读、可访问、可被<a style="color:#f60; text-decoration:underline;" title="搜索引擎" href="https://www.php.cn/zt/20588.html" target="_blank">搜索引擎</a>和辅助<a style="color:#f60; text-decoration:underline;" title="工具" href="https://www.php.cn/zt/16887.html" target="_blank">工具</a>理解。
<h3>哪些旧标签必须换掉</h3>
<p>HTML4/ XHTML 中大量使用的通用容器，在 HTML5 里已有明确语义标签替代，继续用 <code><div id="header"> 这类写法等于放弃 HTML5 的结构优势。
<ul><li><code><div id="header"> → 改用 <code><header></header>
<div id="nav"> 或 <code><div class="menu"> → 改用 <code><nav></nav>
<div id="main"> → 改用 <code><main></main>（注意：<main></main> 页面中只能出现一次）
<div id="sidebar"> → 改用 <code><aside></aside>，这类纯 hack 标签可直接删，用 <div id="footer"> 或 <code><footer></footer> 替代
语义结构不是“锦上添花”，而是现代 Web 的基础层——改得不彻底，SEO、无障碍、维护性都会打折扣；但改得太机械，比如把每个 <section></section> 都硬套 <article></article>，反而破坏语义。关键在判断内容意图，而不是标签数量。
