背景知识
语法
自然语言：通常是指一种自然地随文化演化的语言。例如，汉语、英语、日语为自然语言的例子，自然语言是人类交流和思维的主要工具。我们从小学习语文的时候，就知道知道汉语也有自己的语法：什么主语、谓语、宾语、状语、补语呀等等，学习英语更不用说了，各种语法讲解，是不是又想起英语考试选择题感觉那个答案都像是对的，结果考试结果发现几乎全军覆没，然后课上老师各种语法讲解。当时老师讲的很详细但是依旧是不是似懂非懂啊？
自然语言都有它自己的独特语法，计算机语言当然不例外，以HTML为例，如果没有它的语法标准，浏览器也无法解释运行的。但是，你平时说话可以不用很严格的语法结构，比如说，你饿了，你说“好饿”和“我好饿”，意思都一样，听到的人都知道啥意思，但是计算机不是人，编程语言，比如说，它规定了语法“我好饿”，你给他“好饿”，它是看不懂的。如果说你不严格的按照他的语法来的话，那就要出错了。
HTML语法标准
上一篇跟着艾文一起学前端-第1篇-揭开神秘面纱我们说过，HTML是一个标签（或者标记）语言，什么是标签呢，在HTML中我们可以理解为只要是用尖括号“<>”包裹的就是标签，我们以上一篇中我们最后写的例子为例开始讲解，首先咱们把代码给粘出来：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Arvin's title</title>
</head>
<body>
Hi Arvin!!! very cool!
</body>
</html>
接下来咱们一行一行的去分析
第1行：<!DOCTYPE html >
要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；除非你的XHTML确定了一个正确的DOCTYPE，否则你的标识和CSS都不会生效,也就是说如果没有这个DOCTYPE声明将会导致CSS失效-css无效，特别是没有声明或声明不正确将在标准浏览器下更是不能正常显示。它位于html文件内容的最顶部，用于指定HTML对应的版本，我们可以看到 他后面跟的是一个空格然后是html，html就代表是HTML5版本，如果你看到它后面不是html，而是一长串的话，那就说明它不是HTML5的版本哦，关于HTML的版本，有兴趣的可以去网上自行了解一下，因为篇幅有限。
第2行：<html lang=“en” >
<html>是所有html文件的跟标签,lang 叫做<html>标签的属性名称,是language的缩写，“en”是属性的值，en是English，这里说明页面语言是英文。然后我们看第11行：</html>,和第一行相比是不是有点像？前面没有斜杠的是开始标签，带斜杠的 叫做结束标签。由开始标签和结束标签组成的叫做双标签，在接下来的学习中我们见到的和使用的最多的就是双标签。<html>既是跟标签也是双标签，之后我们所有的代码都要被它给包裹起来。
第3、第7行<head></head>标签
看到一个开始一个结束，因此<head>也是双标签，顾名思义head就是头的意思，他就叫头标签，它包裹的标签叫做头部标签元素，
可包裹的标签如下：
-
<title>定义网页的标题(浏览器工具栏标题，搜素引擎结果页面标题，收藏夹标题),看代码中的第6行，它是双标签
-
<meta> 用来定义页面的特殊信息（页面关键字，页面描述） ，描述了一些基本的元数据，见第4、5行，它是单标签
-
<link> 定义了文档与外部资源之间的关系，通常用来引入外部样式（css文件）
-
<style>用来定义元素的css样式
-
<script> 用来定义页面的JavaScript 代码 也可用来引入文件
-
<base> 可以用来统一设置当前页面上的超链接的跳转方式 使用了 标签，则必须具备 href 属性或者 target 属性或者两个属性都具备
第8、第10行 <body></body>标签
双标签，见名思意，body就是身体的意思，这里我们可以理解为除了头以外的部分都叫身体，该标签内将会包裹剩余的所有的HTML标签，关于有哪些标签，接下来不可能一一讲解，博客中只会介绍一些常用的标签，有兴趣的同学可以提前去自学一下哦，戳我去自学地址
到这里咱们已经把上面的代码讲解完毕，下一篇开始咱们将会去认识一些常用的标签。
