关于html标签的小知识：
我们打开编辑器（Webstorm / Dreamweaver /Hbuilder /Sublime等等）新建html页面之后，总会出现好几行的默认代码，这些代码是什么意思呢。下面以Hbuilder编辑器新建的html页面为例：
<!DOCTYPE html> ——①②
<html> ——③
<head> ——③
<meta charset="UTF-8"> ——④
<title></title> ——⑤
</head>
<body> ——③
</body>
</html>
① <>小括号:每行代码的小括号<>代表这一部分内容是一个“标签”，她还有很多名字，比如“标记/节点/元素”；
② <!doctype html> ：指文档声明，doctype可以拆分为doc（document文档）+type（类型）来理解。
③ <html></html> ：html页面标签对，html即当前页面。
<head></head> ：head标签对，head即头部，通常用来包含一些功能性的东西，
比如<meta>/<title></title>等内容。
<body></body> ：body标签对，body即身体，通常将页面中的盒子等内容放在里面。
④ <meta> 单标签 ： 提供页面的元信息。
比如，<meta charset="UTF-8">中，charset属性是字符编码，如果外部文件中的字符编码与主文件中的编码方式不同，就要用到charset属性进行设置。这里新建的页面默认了字符编码为“UTF-8”，这个编码包含了全球百分之就是以上的字符，灰常强大。通俗点讲，charset的作用就是一个翻译器，能够识别我们输入的几乎所有的字符。
⑤<title>：title即标题，是呈现在浏览器标签页上的标题。
⑥标签对与单标签：
像<html></html>和<head></head>这种有头有尾的标签，就叫“标签对”，需要将要显示内容写在两个标签之间。标签对是成双成对出现的，缺一不可。如果你非得不带人家的小尾巴，你的内容可能就出不来了。
像<meta> 这种一个人就能发挥作用的标签，叫做“单标签”，只需要将属性和内容写在里面就行，不需要小尾巴，千万不要自创一个</meta>哦！人家是单身贵族，不要对象的。
⑦标签之间的关系：标签之间是有 关系的哦，父子级：包含关系，兄弟级：同级关系。父子级的标签中，要注意按TAB键将子级缩进一下哦，这样标签之间的层级结构清晰明了。如果你不想缩进，我也没办法，谁写的代码谁眼花！