跟着艾文一起学前端-第2篇-HTML-初次相识

背景知识

语法

自然语言：通常是指一种自然地随文化演化的语言。例如，汉语、英语、日语为自然语言的例子，自然语言是人类交流和思维的主要工具。我们从小学习语文的时候，就知道知道汉语也有自己的语法：什么主语、谓语、宾语、状语、补语呀等等，学习英语更不用说了，各种语法讲解，是不是又想起英语考试选择题感觉那个答案都像是对的，结果考试结果发现几乎全军覆没，然后课上老师各种语法讲解。当时老师讲的很详细但是依旧是不是似懂非懂啊？
自然语言都有它自己的独特语法，计算机语言当然不例外，以HTML为例，如果没有它的语法标准，浏览器也无法解释运行的。但是，你平时说话可以不用很严格的语法结构，比如说，你饿了，你说“好饿”和“我好饿”，意思都一样，听到的人都知道啥意思，但是计算机不是人，编程语言，比如说，它规定了语法“我好饿”，你给他“好饿”，它是看不懂的。如果说你不严格的按照他的语法来的话，那就要出错了。

HTML语法标准

上一篇跟着艾文一起学前端-第1篇-揭开神秘面纱我们说过，HTML是一个标签（或者标记）语言，什么是标签呢，在HTML中我们可以理解为只要是用尖括号“<>”包裹的就是标签，我们以上一篇中我们最后写的例子为例开始讲解，首先咱们把代码给粘出来：

 
 
  
     
     
     
  
  
    Hi Arvin!!! very cool!

接下来咱们一行一行的去分析

第1行：

要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；除非你的XHTML确定了一个正确的DOCTYPE，否则你的标识和CSS都不会生效,也就是说如果没有这个DOCTYPE声明将会导致CSS失效-css无效，特别是没有声明或声明不正确将在标准浏览器下更是不能正常显示。它位于html文件内容的最顶部，用于指定HTML对应的版本，我们可以看到 他后面跟的是一个空格然后是html，html就代表是HTML5版本，如果你看到它后面不是html，而是一长串的话，那就说明它不是HTML5的版本哦，关于HTML的版本，有兴趣的可以去网上自行了解一下，因为篇幅有限。

第2行：

是所有html文件的跟标签,lang 叫做标签的属性名称,是language的缩写，“en”是属性的值，en是English，这里说明页面语言是英文。然后我们看第11行：,和第一行相比是不是有点像？前面没有斜杠的是开始标签，带斜杠的 叫做结束标签。由开始标签和结束标签组成的叫做双标签，在接下来的学习中我们见到的和使用的最多的就是双标签。既是跟标签也是双标签，之后我们所有的代码都要被它给包裹起来。

第3、第7行标签

看到一个开始一个结束，因此也是双标签，顾名思义head就是头的意思，他就叫头标签，它包裹的标签叫做头部标签元素，
可包裹的标签如下：