HTML和HTML5作为网页开发的基础标记语言，在结构写法上存在不少差异，其中根元素的变化是最基础也最容易被忽略的部分。根元素是HTML文档的最外层标签，决定了整个文档的基本规范。
文档类型声明的区别
HTML和HTML5的第一个明显差异是文档类型声明，这也间接影响了根元素的相关规范。HTML的文档类型声明比较复杂，需要根据具体版本指定对应的DTD，而HTML5做了极大简化。
HTML的文档类型声明
早期HTML的文档类型声明需要明确指定DTD地址，比如HTML 4.01的严格模式声明如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML5的文档类型声明
HTML5只需要一行简单的声明，不需要指定DTD地址：
<!DOCTYPE html>
根元素<html>的变化
根元素<html>是包裹整个文档内容的最外层标签，HTML和HTML5在根元素的属性要求上有明显区别。
HTML根元素的属性要求
在HTML规范中，<html>标签需要显式指定xmlns属性，用来定义文档的XML命名空间，否则会被判定为不符合规范：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HTML示例</title>
</head>
<body>
<p>这是HTML文档内容</p>
</body>
</html>
HTML5根元素的变化
HTML5中不再强制要求<html>标签添加xmlns属性，因为HTML5默认命名空间就是http://www.w3.org/1999/xhtml，省略该属性也不会影响文档解析。同时HTML5的<meta>标签指定字符集的方式也更简洁：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5示例</title>
</head>
<body>
<p>这是HTML5文档内容</p>
</body>
</html>
根元素内的结构差异
除了根元素本身的属性变化，HTML和HTML5在根元素内部的结构组织上也有区别，HTML5新增了很多语义化标签，让文档结构更清晰。
HTML的结构写法
HTML没有语义化标签，通常只用<div>标签划分区域，根元素内部的结构没有明确的语义标识：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HTML页面</title>
</head>
<body>
<div id="header">头部区域</div>
<div id="main">主体内容</div>
<div id="footer">底部区域</div>
</body>
</html>
HTML5的结构写法
HTML5新增了<header>、<main>、<footer>等语义化标签，根元素内部的结构可以直接用这些标签划分，不需要额外添加id属性：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5页面</title>
</head>
<body>
<header>头部区域</header>
<main>主体内容</main>
<footer>底部区域</footer>
</body>
</html>
核心区别总结
将HTML和HTML5的结构差异整理成表格，方便对比查看：
| 对比项 | HTML | HTML5 |
|---|---|---|
| 文档类型声明 | 需要指定复杂DTD地址 | 仅需<!DOCTYPE html> |
| 根元素<html>属性 | 必须添加xmlns属性 | 可省略xmlns属性 |
| 字符集声明 | 用meta的http-equiv属性指定 | 直接用meta charset属性指定 |
| 根元素内结构 | 无语义化标签，多用div划分 | 有丰富语义化标签，结构更清晰 |
常见问题解答
省略<html>标签可以吗？
无论是HTML还是HTML5，浏览器解析文档时会自动补全<html>根元素，但是按照规范建议显式写出根元素，避免解析出现意外问题。
HTML5的根元素还需要指定语言吗？
如果需要指定文档语言，HTML5的<html>标签可以添加lang属性，比如<html lang="zh-CN">，这是可选的，不会影响文档基本解析。