HTML5升级远不止是替换标签那么简单，它是一次从表现层到语义结构、从粗放编码到严谨规范的全面重构：必须彻底移除HTML4中已被废弃的纯表现型标签（如、）和属性（如align、cellpadding），全部交由CSS接管；语义化标签（如

、

）绝非div的简单替代，而需严格遵循内容含义与嵌套规则；DOCTYPE必须精简为，字符编码声明须置于head最前端且与HTTP头一致；表单新特性虽提升体验，但必须通过JavaScript降级保障跨浏览器兼容性；更关键的是，转换过程必须重审旧代码中的内联脚本、DOM操作及事件逻辑——那些曾“能用就行”的写法，恰恰是上线后最隐蔽的故障源头。

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 语义标签是“有含义的容器”，不是“换皮工具”。例如：

要求有标题（

–

），

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