本系列文章内容全部梳理自以下四个来源：
- 《HTML5权威指南》
- 《JavaScript权威指南》
- MDN web docs
- Github:smyhvae/web
作为一个前端小白，入门跟着这四个来源学习，感谢作者的分享，在其基础上，通过自己的理解，梳理出的知识点，或许有遗漏，或许有些理解是错误的，如有发现，欢迎指点下。
正文-HTML标签
本文接着来学习 HTML 的基本标签，下面是我自己对标签进行的划分，《HTML权威指南》中将标签类别划分成了很多种，比如：内容分组，文档分节，表单七七八八等等。
但我按照自己个人的理解习惯，对总的标签划分成三类：修饰文档结构的标签、修饰文本内容标签、容器类标签。
修饰文档结构的标签大多用于表示一份标准、完整的HTML文档的一些标签，以及可放于<head> 内的一些标签。
修饰文本内容标签，大意是说，这些标签是直接用于标记文本内容，赋予文本内容某些语义行为，比如 <a> 赋予超链接语义，<h1> 赋予了一级标题语义等等。这个类别有些类似于 Android 中表示某个 View 的标签，通俗来讲，这些标签可直接使用在文本内容上了。
容器类标签，并不是真正意义上的容器，而是说，这类标签主要的作用是用来包含其他标签的，但并不是说，只能用来包含其他标签，也可直接对文本内容标记。如 <nav>, <header> 这类表示某一块区域的标签。
我自己个人将其常用的标签划分成三大类，当然不是很准确，书中划分得更细，但结合 Android 中一些共性的概念，我个人觉得划分成这三类后，我较容易理解各个标签用途：
1. 修饰文档结构
首先来看份 HTML 的大体上的基本结构：
<!DOCTYPE html> <!--声明这是一份H5文档--> <html > <!--HTML文档内容开始--> <head> <!--在<head>标签中声明文档的各种元数据--> <!--该部分内容是给浏览器看的--> </head> <body> <!--<body>标签内为文档的文本内容--> <!--该部分内容是给用户看的--> </body> </html>所以，这些标签用途基本就是用于构建一份基本的 HTML 文档结构，下面看看具体介绍：
<!DOCTYPE>
准确的说，<!DOCTYPE> 并不是 HTML 标签，它是声明 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML，所以不需要引用 DTD。
如 H5中用法：
<!DOCTYPE html>HTML 4 中用法：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>
每一份 HTML 文档内容的根节点，表示文档内容的开始
文档内容包括两部分：头部声明 <head> 和文本内容 <body>
<head>
HTML 文档的头部声明，用于声明该文档的一些属性，以及一些元数据，<head> 内部的内容是用于给浏览器看的，并不是用于给用户看的，浏览器通过 <head> 信息，知晓这份文档引用了哪些外部资源文件，使用的哪些属性。
可在 <head> 中使用的标签并不多：
<head> <base href="http://www.dasu."> <!--设置基准URL--> <meta charset="UTF-8"> <!--声明文档所使用的编码--> <title>Title</title> <!--声明文档的标题--> <base href="http://www.baidu.com"> <!--声明文档全局的基准URL--> <style type="text/css"></style> <!--声明内嵌类型的css样式--> <link type="text/css" rel="stylesheet" href=
