6.尚硅谷_HTML&CSS基础_文档声明.avi原创

那呢，接下来呢，我们刚才简单的去了解一下mmr一些知识啊，那接下来我们来说一下H前边的一个，诶，它的一个历史啊，它的一个发展过程，那mmr首先呢，是在1993年6月，诶我们说H天的第一个版本发布，那mmr实际上最早呢，最早呢在他这个九三年之前呢，实际上是一个什么呀，它是一个组织内部用的一个这个语言，他在组织内部用来去交换信息，发明的一个语言，那个时候呢，还不是很完善，包括九三年一开始呢，他也不是很完善，那一直发展到九五年呢，我们出现了这个HTML的什么呀，2.0，但家注意其实有没有HL1.0啊，其实没有这个，没有这个概念啊，没有这个概念从2.0开始，什么呢？2.0开始意味着是我们这个W3C这个组织开始干嘛呀，开始去为这个H面去定义什么呀，定义标准，那我们为什么要有这么一个标准，那我们说了HTM2就是一个组织发布的一个这么一个语言，而这个语言干嘛呀，这个语言我们发现在组织内部运行的比较好以后，我们发现这个东西挺好用，于是我们想干嘛呀，是不是推到这个。

啊，社会上去用啊，那好，社会上拿来用了，就发现一个问题，我们说了，我们每一个人用的起来的时候，他干嘛呀，他定义的那个标准不同，也就是说我这个标准一般都是最初是由谁来定的呀。由浏览器的厂商去定的，谁发布浏览器，谁定这个标准，那可能会带来一个问题，可能咱们举个例子啊，假设我有三个浏览器，我的火狐、IE和chome，也就是说我火狐的标准是谁定啊，火狐定IE标准，IE定那个Chrome标准，Chome自己定对吧？那就会带来一个问题，三个浏览器他们标准一不一样啊，那不一样吧，诶不一样就会带来一个问题，我同样一个网页在三个浏览器，可能在火狐里能显示，但是在IE里干嘛呀，显示不了，在ome里干嘛呢？可能也显示不了，那可能又有一个网页在ome里能显示，在火狐里又不能显示，在有什么呀，在在这个IE里也不能显示，就导致什么呀，我一个网页的兼容性会干嘛呀，是不是非常的差呀？哎，非常差，所以没有标准这个事儿是非成怕的，于是干嘛呢？我们有一个组织，就是我们这个W3的这个组织叫做什么呢？万维网联盟，他站出来了，说既然你们，既然你们这些浏览器吧，诶谁也说服不了谁，那怎么办呢？那干嘛呀，我出来。

作为一个什么呀，公公益组织没有任何收益的，我来干嘛呢？我来去定义这个标准，于是在九五年我们叫什么呀，W3的组织定义了我们这HL的第一个标本，第一个标准叫做HTML2.0啊，这是我们这个W3C出现的一个，诶一个时间，也就是说我们是从这一年才有的HTML的一个标准，然后到九七年出现什么呢？3.2，到我们这个九九年出现什么呀，4.01，那这些都是我们W3C推荐的标准啊，推荐标准，但是注意九九年是一个很重要的一个节点，我们看99年12月是HTM4.01这个版本，现在我们用的还挺多的啊，还挺多的，然后你发现到2000年底，这还叫不叫H苗了，叫什么了，叫xa苗了，诶HTL怎么就没了，怎么多了一个叉呢？诶，那为什么呀，那我们来说一下啊，我说一下那最初的版本我们叫什么呀？叫HTML，那我们说了这个东西它是什么呀，它是。

先有它这标准，是先有标准还是先有我们的实现呀，哎，我们先有实现啊，先有实现，所以这个W3C定义的标准干嘛呀，它是靠后的啊，靠后怎么叫靠后的，就好像什么呀，我们人在马路上走可能什么呢？呃，法律里没有这个规定，我们都靠右走，可是我们自然而然的是不是习惯都靠右走啊，然后法律干嘛呀规定，那咱们就干嘛呀，既然大家都这么习惯了，我们干嘛呀，我们都靠右走啊，都靠走，同样W33也是这样，那可能开始什么呢？标准里假设没有这个H1标签，而这个标签干嘛呀，我们已经干嘛了，使用很多年了，而且干嘛呢已经使用习惯了，W3就说干嘛呀，那得了，咱把它干嘛呀定义到这个标准里啊，定义到标准，所以你会发现我们是先有实现后有标准，那就意味着什么，我们W3的这个标准干嘛呀，它有一个错后性能理解吗？我们这个东西已经做了很多年了，它还定义标准，它是不是比我们这个实现要晚一晚一些呀，诶晚一些那就导致什么呢？导致我们这个HTML的语法很很。

松散，什么叫很松散啊，不严格，你这么写也行，那么写也行，是不是要求不严格呀，那就干嘛呢？那我们出来一堆程序员，他可能写那网页干嘛呀，写的很烂，一个人是这么写的，一个人那么写的，两个网页写着效果可能一样，但是写的干嘛呀，千差万别啊，千差万别，导致我们网页兼容性干嘛呀极差啊极差，所以W3C在九九年的时候发现了H0面这么一个缺陷，它的语法太松散，太不严格了，那当时还有一个语言叫什么呢？叫做XMXL叫什么呀？叫可扩展标记语言，它和H前面都是标记语言，其实功能呢一样，只不过XL的语法干嘛呀更严谨，更严格一些，那所以W3就想，哦，那这个XML更严谨，而at猫它不够严谨，那我一想干嘛呀，咱们不用at毛了，我干嘛呢，我直接换到是不是XL啊。

诶直接换到mmr达不了，他能这么想的是吧？但是有句话叫什么呀，叫曾经沧海难为水，什么意思呀，我们是不是已经松散惯了呀，然后你一下子让我严格要求，我一下子板的过来吗？板不过来，所以W他就想了一个斜者，你叫斜者呢，这招也不太好，干嘛呢？他想啊，那你既然一下子到不了这个M毛，那干嘛呢？诶我给你过渡一下，定一个什么呢？叫做XH填毛，诶你别一下子变过来，你先干嘛呀，你先从H填门变到这个呀，X毛，再从XH毛变成什么呀，变成S码，中间是让你有一个过渡啊，那这样我们用起来是不是能稍微的缓和一些呀，但是这是他这么想的，那他这个理想最终有没有实现？

没有实现，如果你要实现了，我们现在就不学H5了，学什么了，学叉五了是吧？诶学叉五了，所以这块他的理想没有实现，那到了什么呢？到了你看到2000年底，它是不是就不再定义H天猫标准吧，定义什么了，定义xal标准了吧？诶那到了什么呢？到了零四年，零四年，你想从2000年到零四年是不是已经过了四年了呀？诶W现在就讲。2004年啊，2004年，从2000年到2004年，已经过了这个四年了，咱就想干嘛呢，想我都已经过渡四年了是吧，咱们干脆咱们到这个过渡的差不多了，直接干嘛呀，咱们就换成M毛了是吧，想过渡结束了，但是他这个理想实没实现呀。没时间，其实你想想，如果这个东西让你们换，你愿不愿意换，那肯定不愿意换，所以WC当时想嘛呢，取消H以后不用了，全都用什么呀，XL或者是XL，诶那于是干嘛呀，一堆浏览器厂商出来干嘛了，造访了。

什么意思呀，你这规定了，你这标准不好，我不听你的，哪些厂商呢？三个厂商出来了，一个是我们那个莫za基金会，火狐那个浏览器的厂商，还有什么呀，还有我们那个op opera那个厂商，还有什么呢？还有我们那个苹果，诶saa那个Apple那个厂商啊，这三个厂商出来了，还想干嘛呀？在零四年的时候说你这个标准不好，我们不想用你这标准，我还想干嘛呀，我还想用HT门，于是就提出一个概念叫什么呀，他这三个厂商组织一个组织，一个组织叫什么呀？叫what WG，他们开始干嘛呢？开始定义我们这个HTML5的标准，也就说我还想用HL，而不是在干嘛呀，我不想用你这个mmr，诶，那你说这个W3C能能不能看上他们呀？他看不上他们，因为什么呀，因为这三个厂商的话语权干嘛呀，太小了，说白了这三个厂商在我们这个外部这个界呢，他根本就有什么呀，基本上就可以没有什么话语权是吧，没有这个W3这话语权这么硬，所以当时呢，W3C根本就没把它当回事啊，直到哪年呢，直到2007年W3C推广这个S推广又推广了三年，结果发现什么呢，推广跟没推广干嘛呀一样，推广不出来，然后呢，我们这个what WG这个组织干嘛呢，又加入了几个强硬的人，比如说谁呀。

谷歌加入该组织，那谷歌一进去，我们说ome的浏览器的市场占有率是干嘛呀非常大的，一下子就增加了我们这个我WG这个什么呀，话语权，这个H5呢概念又进一步的干嘛呀推广开了，诶那W3C一看干嘛呀，哎呦，这个我WG它这个趋势是不是马上就干嘛了，要压迫我了是吧，我这标准没用了，人家都用什么呀，都用H5标准去了，那这一想干嘛呀，行不行啊，不行，哎，然后这个W3C就找到这个OW这个组织说呀，哥们啊，咱们这个什么呀，咱俩人分，这也老分，这也不是事儿是吧？咱们平均平行定义两标准，你现在话语权也不够强是吧？你看微软还站我这边呢是吧？咱俩干嘛呀，咱俩干脆H5标准，咱俩干嘛呀？

一块儿去定义行不行？诶，然后这组织一想，这玩意儿，反正他还话语权还是挺毒的是吧，于是干嘛呀，两个人一块来，一块儿一起来定义我们这个H5这个标准，所以注意他们零七年这个标准就合并了，也就是说到一四年，我们经过了这么多年，两个组织才同时发布什么呀，发布了我们这个H5的什么呀，标准啊标准，所以注意我们这个标准实际上是有两个组织共同定义的，一个是我们的what WG，还有一个是我们什么呀。W3C啊，W3C是有两个组织共同定义的，但是我们说现在这两个组织它什么情况啊，俩人还好不好了。哎，你知道天下大事，分久必合，是不是合久必分呀？俩人干嘛了，又分开，为啥呀？

理念不同啊，理念不同，What WG他的想法是什么呢？我的H5标准是一个什么呀？是一个可变的标准，什么叫可变的标准啊？我这个标准是不是死的呀，不是死的，也就是说我这个标准它会随着时间的推移，我不断的去更新我这个标准里边什么呀？内容啊，更新标准里边内容，而W3C讲什么呀，我这标准一旦定出来了，就是什么呀，就是死了，这标准定出来就不会再变了，如果我想变怎么办？五呗，我出5.1，我出5.2，我出什么呀，我出六，对吧，我不断的去增加标准，而不是什么呀，而不是在原标准的基础上去干嘛呀，去修改，还去修改，所以现在呢，由于理念不同，其实这两种理念呀。没啥区别啊，没啥区别啊，那由于里面的区别呢，这俩干嘛呀，这哥俩又分道扬镳了，所以你去网上搜索标准的话，H5的标准你会发现两版本，一个是W3C的，一个什么呀，一个是what WG的，那不说了，那既然有两个标准，我们到底用哪个呀？

哪个呀，用哪个都行，这两个标准现在什么呢？没什么太大区别，如果真的以后真的区别大了以后，可能还是需要以W33的什么呀为准啊，以W3的为准啊，好，简单介绍一下这个历史，那介绍这个历史有啥用，其实也没啥大用是吧？那我们会发现一个问题，我们说了，那现在我们会发现在我们市面上正常使用的HTML版本至少有几个。有三个，至少有三个，第一个是我们的什么呀，九九年的HTML4，诶然后2000年的XHL1，还有一个我们这个一四年的一个什么呀，HTML5，那问题来了，有三个版本，那我们到底要用哪个版本？是不是肯定用H5啊，因为我们学的就是H5，肯定用H5这个标准，但是问题又来了，好，那现在我直接复制了啊，CTRLCCTRLV，我来一个这个DEMO03，然后我打开它，现在我们写了这么一个网页。

诶，那问题来了，我这个网页它到底是H4的还是XHTML的还是H5的呀？这个网页到底是哪个的呀？那我们写的时候是不是希望按照H5写的呀？诶那我们先说H5H4还有X Mar他们的标准是不是说一模一样啊，要是一模一样是不是就不用写了呀？那就不用写了，所以肯定是有区别的，那么说了，那浏览器再去读到这么一个网页的时候，他怎么去识别我们这个网页的版本呀？从这能看出来这什么版本吗？是不是看不出来呀？哎，看不出来，所以为了帮助浏览器来识别我们网页的版本，网页里往往我们还需要一个综艺叫什么呢？叫做do tap do tap叫什么呀？叫文档的类型啊，叫做文档的一个声明，那我们说了H天猫总共有那么多的版本，而且这其中至少有三个版本在广泛使用，哪三个版本就是我们的H4 H5，还有这个XH，那么浏览器怎么知道我们在使用哪个版本呢？那所以为了让浏览器知道我们使用的HTL版本，我们还需要干嘛呀？在网页的最上边添加一个dota type声明来告诉浏览器网页到一个版本，诶，那问题又出来了，我这个do type，它。

那怎么写呀？那你说do至少得有几种啊，是不是得有三种啊，HTML4的，HTM25的，还有XL吧，诶那我们来看他们都是怎么写的，先看谁的H填L4，诶一看一看就不止三种，因为你光HL4是不是有三种啊？诶HL4给我们设置了三个do tab叫一什么呢？过渡版，严格版，还有一个什么呀，框架级这东西我们都现在暂时都不用管，这玩意儿都没人用了啊，都没人用了，那现在假设你想声明你这个什么呢？你这个网页是一个H。H4的，那你要怎么办呀？诶我把这个头CTRLC干嘛呢？粘到什么呀，最上边，那这就表示什么呀，我这个网页是用我们这个H前边四这个标准写的，这能懂吧？诶写到最上边就OK了啊写到最上面OK了，诶那我们来看H4有三个，然后来什么呀？XL是不是还有还有它呀，这这几个是不是看着都挺像的呀，但是它不一样啊，它不一样，你要想设成XL干嘛呢？你把这个CTRLC给它干嘛呀？

是不是给它粘过来啊，但是你发现这东西放到网页里边，你是不是感觉特别难看呀，哎，特别的不美观，特别的什么呀，不协调，最关键还不是这个最关键这玩意咱们什么呀，这是不是记不住啊，你稍微写错一点是不是就是不是就不对了呀？诶所以这东西太麻烦，那我们来说说xal和我们这个四都这么麻烦，那H5的什么样呢？H5的会不会比他们更麻烦呀？诶，我们来看看H5的，来点开一看，H5呢，就这个门啊，就这个门长什么模样呢，你直接把它CTRLC。

其实都不用CTRLC这玩意儿你背是不是也能背下来呀，怎么写的呀，直接把这个都去了，来一个叹号叫做do ctype，然后后边紧跟着一个HTL，是不是这么一个东西啊，哎，刀type一个HL，那这表示什么呀？这叫做一个H5的一个文档生命。H5的这个什么呀，文档声明什么意思呢？声明我们当前的网页是按照我们这个HTML5标准嘛呀，编写的啊，ML标准编写的，那好了，那现在我们看到这么三个声明，咱们不考虑用哪个标准，你就说你就看这声明，你说你用哪个，这没得选了吧，是不是肯定用H5的呀，前面这三个是不是太恶心了，哎太恶心了啊，所以这三个我们是不用的，以后我们写的时候就用什么呀，H5这个头，所以这里边注意我们叫什么呢？我们叫编写哎网页时什么呀，哎一定要将。

我们这个H。H5的这个文档干嘛呢？声明写在我们这个网页的什么呀，最上边啊，最上边来干嘛呀，来表示我们这个网页是一个H5的一个文档，诶，那我们说了，那我不写这个声明的有什么问题啊。不写声明有什么问题，诶我们来说一下，如果什么呢？如果不写我们这个文档声明，则会导致我们这个网页进，诶则会导致有些啊有些浏器，有些浏览器会什么呢？会进入一个叫做怪异模式啊进入一个怪异模式，什么叫进入什么叫怪异模式呢？进入怪异模式以后，诶我们说什么呢？浏览器解析页面时诶会什么呢？会导致我们这个页面无法什么呀，无法正常显示，所以什么呢？所以为了避免干嘛呢？诶避免进入该模式，诶一定干嘛呢，要写这个文档说明，所以注意这个东西是干嘛呀，是必须的，但是你要听懂它的作用，它的作用是声明我们当前的网页是什么呀，是H5标准的啊H5标准。

好，那这里边我们简单的介绍了一下，但是主要还是说的是我们这个dota tab，所以这里边我们的这个整个网页的一个基本结构又给它进一步的完善了，又多了一个谁呀到态，那这块大小写呢，它是个嘛呀，无所谓的，大写小写都行啊，大写小写都行，然后又说了一个叫什么呀，叫做一个怪异模式，我们说了为了兼容一些旧的页面，浏览器中设置了两种解析模式，一个叫什么呀标准模式，一个叫什么呀？怪异模式，怪异模式解析网页时会产生一些不可预期的行为，也就是说它解析网页效果干嘛呀，他会很奇怪，所以我们告诉呢，我们应该避免怪异模式是什么呀出现，而避免它出现的最好方式就是在页面中编写正确的do type，所以你就记住了，这个东西又多了一块啊，又多了一块，好，那这里边我们就说完了，来停一下。