![HTML5+CSS3+JavaScript 从入门到项目实践(超值版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/418/31794418/b_31794418.jpg)
上QQ阅读APP看书,第一时间看更新
2.1 HTML 5文档构成
HTML 5的文档结构包括头部(head)、主体(body)两大部分。头部描述浏览器所需的信息,主体包含所要说明的具体内容,代码如下:
<!DOCTYPE html> <html> <!--头部--> <head> <meta charset="UTF-8"> <title>Title</title> </head> <!--主体--> <body> </body> </html>
2.1.1 <!DOCTYPE>声明
![](https://epubservercos.yuewen.com/A0FA69/17214367505511306/epubprivate/OEBPS/Images/Figure-P31_7203.jpg?sign=1738994657-LG2mqJboYC770uB6DJ9DqvQmbL9RQDF5-0-42f27aa87c3c9ffd52b2f43c65960f70)
引用官方的DTD文件,在HTML 5之前的版本,如XHTML、HTML 4.0都有官方的DTD文件的引用。DTD是文档类型定义,它主要对标签的使用进行定义。基于HTML 5设计的“化繁为简”准则,HTML 5中不需要引用严格意义上的DTD的规范,只需引入下面代码即可:
<!DOCTYPE html>
2.1.2 <html>标签
![](https://epubservercos.yuewen.com/A0FA69/17214367505511306/epubprivate/OEBPS/Images/Figure-P31_7204.jpg?sign=1738994657-vsXTJHrWGosALZodr9Q3cyPXveUTK42J-0-bc57467300aa827ee4b3cf3d88967ce2)
HTML文档的根元素,成对出现<html></html>,它代表文档的开始和结束。在HTML 5中该标签可以省略,但是为了符合Web标准和体现文档的完整性,建议不要省略该标签。
2.1.3 <head>标签
![](https://epubservercos.yuewen.com/A0FA69/17214367505511306/epubprivate/OEBPS/Images/Figure-P31_7205.jpg?sign=1738994657-z75hZWEz1B2yjUqm9BJ1EWn40FCmqdk0-0-32a4d09f5b14fe95bf70ca4d9b5d4a8f)
HTML的头部、内部提供了许多标签,用于说明文档头部的相关信息。
<head>标签内包含的主要元素如表2-1所示。
表2-1 <head>标签内包含的主要元素
![](https://epubservercos.yuewen.com/A0FA69/17214367505511306/epubprivate/OEBPS/Images/Figure-T31_119667.jpg?sign=1738994657-W8Z6ixSQzf1UQb1FbxzR4wZoTvQzUXqU-0-0761bb4502a242f04516450958d52f10)
2.1.4 <body>标签
![](https://epubservercos.yuewen.com/A0FA69/17214367505511306/epubprivate/OEBPS/Images/Figure-P31_7206.jpg?sign=1738994657-Nh7rh2igcIhbmhbySZ2AUuXRii2ybidW-0-902c918f001a41c7a39e46fa81e86409)
<body>标签是HTML的主体部分,网页所要显示的内容都放在该标签内,语法如下面代码所示:
<body> … </body>