HTML5升级远不止是更换DOCTYPE那么简单，而是一场涉及标签语义重构、CSS样式迁移、编码规范强化和表单交互重设计的系统性工程：必须彻底移除HTML4中已被废弃的表现型标签（如、）和属性（如align、cellpadding），全面交由CSS控制；语义化标签（如

、

）绝非div的简单替代，需严格遵循内容含义与结构逻辑；DOCTYPE必须精简为，字符编码声明须置于head最前端且与HTTP头一致；新增表单特性虽提升体验，但浏览器兼容差异巨大，必须通过JavaScript降级兜底。忽视这些深层规则，表面“转成HTML5”的页面实则埋下校验失败、结构混乱、兼容崩溃与安全漏洞的隐患。

HTML5 中废弃的 HTML4 标签和属性必须移除

HTML5 不再支持 、

、、 等纯表现型标签，也不再允许在 上使用 align、border，或在 上用 cellpadding、cellspacing。这些不是“可选”，而是被规范明确废弃——浏览器可能仍渲染，但校验失败，且未来兼容性无保障。

实操建议：

• 用 CSS 替代：比如 text-align: center 代替 ，font-family 和 color 代替
• 检查所有内联样式属性，特别是老 CMS 或 Dreamweaver 导出的页面，常残留 width、height 在 上，应转为 CSS 或保留为语义化尺寸（如响应式需用 max-width: 100%）
• 用 validator.w3.org 扫描，重点看 “obsolete” 类错误，不要忽略

HTML5 新增语义化标签不能盲目替换 div

很多人一上来就把所有

换成

，结果反而破坏结构逻辑。HTML5 语义标签是“有含义的容器”，不是“换皮工具”。例如：

要求有标题（

–

），

应代表独立可复用的内容单元（如一篇博客、一条新闻），而