本文详细介绍了HTML4和HTML5的文档结构，包括各自的声明方式、基本结构和内容区划分。HTML4的文档结构较为严格，需要遵循特定的DTD，而HTML5则更为简洁，对语法的容忍度更高，允许省略一些标签。同时，HTML5的文档声明不再指定版本，且charset直接作为属性使用。文章还展示了HTML5中可以省略标签但仍然能被正确解析的例子。
这两节课的目标是认识HTML4和HTML5的文档结构，了解它们的区别。
一、HTML4文档结构html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
浏览器窗口处显示的标题文档主体，显示给用户看的内容。
1、第一行：声明文档的类型是html文档，语言版本是XHTML 1.0 Transitional，宽松型版本，对格式的要求不够严格，比如少了结束标记，属性值少了双引号等都是可以的，这段代码必须放在第一行。html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2、下面是html文档的基本结构，html文档分为两个部分，head部分和body部分，html/head/body标签是唯一的，一个html文档只能有一对head和body标签。
3、head部分是对文档的具体声明，比如文档编码，文档的标题，关键字，描述，外部CSS样式和js文档的链接，都可以放在头部，主要是给浏览器和搜索引擎看的。用户除了标题之外，是看不到声明的其它内容的。比如：
网页标题4、body部分就是放用户可以看到的网页主体内容。比如：
- HTML教程
- CSS教程
- jQuery教程
....
侧边栏
底部版权
二、HTML5文档结构html>
无标题文档相当简洁，记事本写出来都OK！
但是第一行依然有声明，只是没有指定html版本，因为html5文档是完全兼容低版本html语言的。其次，charset直接成了属性，指定编码。其它都是一样的。
html5语言的语法结构并不太严格，可以省略部分标签，比如html/head/body文档结构标签，或者省略结束标签，整个文档你写成这样，依然ok！html>
无标题文档第一段落
第二段落
浏览器依然会解释的妥妥的，省略不代表不存在。只是我咋看都不顺眼呢：(
看看上面这段代码浏览器解释后的样子，如图：
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
