HTML文档，也被称为网页，包括头部和主体两大部分。头部主要描述浏览器和搜索引擎所需要的信息，浏览器不会将这些信息呈现给访问者；主体是文档的正文，是网页中真正要传达的信息，这些信息将在浏览器窗口的正文部分呈现给访问者。
HTML文档总是以html标签开始，以/html标签结束，在head.../head标签之间的内容是头部信息，body.../body标签之间的内容是主体部分，即文档的正文。此外，还要在文档的最开头，通过!DOCTYPE声明这是一个HTML文档。如图所示：
图html文档结构
一个HTML文档由4个基本部分组成：
①一个文档声明：!DOCTYPEhtml
②一个html标签对：html/html
③一个head标签对：head/head
④一个body标签对：body/body
1.1.1!DOCTYPE
!DOCTYPE声明必须是HTML文档的第一行，位于html标签之前。该声明不是HTML标签，它是告诉浏览器该HTML文档的DTD类型（DocumentTypeDefinition，文档类型定义）。
在HTML5之前，有多种DTD类型，分别为Transitional类型、Strict类型、Frameset类型，而不同类型对文档标签严格程度的要求不同，并且!DOCTYPE的写法非常复杂，估计也没有人能够完全记住这些写法，这给开发带来了混乱。
到HTML5之后，一切化繁为简，只需声明!DOCTYPEhtml即可，它就告诉浏览器，该文档是一个HTML5文档。
1.1.2HTML根元素
HTML文档的根元素是html元素，从html标签开始，到/html标签结束。根元素的作用就是告诉浏览器，在html和/html之间的内容是HTML类型，浏览器便按HTML进行解析其中的内容。
html元素有两个属性，分别是lang属性和manifest属性：
lang属性指定页面内容所使用的默认语言。指定文档所使用的语言，有助于语言合成工具选择发音语言，或者翻译工具选择翻译规则。如，html，表示本文档使用中文。
manifest属性给出离线缓存文件的URL。HTML5引入了应用程序缓存，这意味着web应用可被缓存，并可进行离线访问。如，htmlmanifest="waibo.manifest"，表示离线缓存文件为waibo.manifest。
1.1.3HTML头部
head元素用于定义文档的头部信息，出现在head.../head标签之间的内容，是文档的头部信息。头部定义的内容不会在浏览器窗口的正文部分显示出来。
head元素比较特殊，只有一些特定的标签才允许放在head标签内，它们分别是title、base、meta、scirpt、link、style，接下来对这些标签进行分别介绍。
title标签
title标签的唯一作用，就是定义页面的标题，标题是对当前页面核心内容的一个简短的、概括性描述。如：
titleHelloworld!/title
在大多数浏览器中，页面的标题被显示在浏览器窗口或标签页的标题栏，还会出现在访问者浏览历史列表和书签中。
更重要的是，搜索引擎会通过页面的标题来大致了解页面的内容，并将页面的标题作为搜索结果中每一个条目的链接文本，也是判断搜索结果中页面相关度的重要因素。因此，页面标题是SEO的重要内容，一个好的页面标题可以提升搜索引擎的结果排名，并能获得更好的用户体验。
base标签
base标签是一个单标签，它为页面上的所有链接规定默认地址和默认目标窗口，并通过href属性设置默认URL地址，通过target属性设置默认目标窗口。
规定默认地址或默认目标窗口后，点击页面上的任何链接时：对未带