HTML5与HTML4区别全解析

HTML5并非简单升级，而是一场以语义化、标准化和兼容性意识为核心的深度重构：从强制启用标准模式的DOCTYPE与严格位置要求的字符编码声明，到赋予结构真实含义而非视觉装饰的语义标签（如header、article），再到表单验证中需谨慎对待的原生能力边界与无障碍缺陷，以及对HTML4废弃标签“能渲染却不该用”的清醒认知——它真正考验的不是你会不会写新标签，而是你能否摆脱惯性思维，用更精准的语义组织内容、用更稳健的策略应对浏览器差异、用更负责任的方式兼顾人与机器的理解。

DOCTYPE 和字符编码怎么写才不进怪异模式

HTML5 的 不是“简写”，而是一条强制浏览器启用标准模式的开关。写错一个字母、多一个空格，或混用 HTML4 的 DTD（比如 ），IE8–IE11 就可能直接切到怪异模式——盒模型变回 border-box、width 行为反直觉、float 布局错位，调试时容易误判成 CSS bug。

字符编码也一样： 必须放在 最前面（最好第二行），且不能和旧式写法 并存。两者混用，部分浏览器会忽略后者，导致乱码；若 被 JS 动态插入，也无效——它必须是 HTML 解析早期就存在的静态声明。

语义标签不是 div 换个名字，用错反而伤可访问性