尚硅谷前端基础 (8)

好，我们继续，那么接下来呢，我们还是要再接着来说一下我们这个网页的一个结构啊，我们来创建一个新文件，我就不再写一遍了啊，我把这些ctrl a全选CTRLC复制CTRL粘贴过来，然后把这东西给它注示，我给它删掉，没用的东西我们都给它删掉。嗯，保存一下，在这儿我们来写一个这个index的一个字点表，那接下来我们来说什么呢？我们来说一下我们这个网页的一个结构，网页的一个叫做基本结构，诶有同学说了，老师啊，这基本结构咱们不已经讲了吗？外边是HTM跟标签，HTML里边有两个子标签，一个叫hi，还有一个叫叫body，哎，Hide里边还有一个子标签叫叫title，哎，Body里边是写可见内容的，不就是这样一个结构吗？哎，如果你能记住这个结构，哎，那我确实感觉到非常的欣慰，那证明你学的还不错是吧，虽然学了那长时间你都能记住，确实证明学的还不错，但是诶，我要说的是，这个结构并不是一个100%正确的结构，或者说它并不是一个非常完美的结构，为什么这么说呢？我们想一下。

之前我们讲到这个互联网，或者说我们这个万维网的发展的时候，哎，我们说了，诶，这个万维网大概是在我们这个，呃，九几年的时候，有我们这个伯纳斯里爵士他所发明的，从九几年到现在，我们这已经是一九年了，对吧？那在这么长一段的时间当中，我们的这个网页也好，我们的外维网也好，是不是一直还是九几年那个版本呢？哎，当然不是了，也就说到我们今天经过了这么好几十年的发展，实际上我们的万维网也好，我们的网页也好，它实际上它经过了好多好多版本的这种迭代，就像玩游戏，我们玩游戏可能还有，诶1.0版本，2.0版本，3.0版本，它是不是也要升级换代啊，那同样我们的网页发展这么长时间，它也需要进行升级换代，那这个东西在我们开发过程当中，我们称。

空为叫什么呢？叫做迭代，我们写成一个啊，写成一个注释啊，所以叫做一个迭代，迭代啊，那总之你需要知道，就是任何东西它都不是只有一样的，像我们网页来说，它也不是只有一个版本，那可能我们比较熟知的，至少我用过的，可能前一段，前些年或者说最近也会用的我们的版本，像什么，我们的HTM4，哎，我们这个网页的一个版本啊，像什么呀，像这个HTML4，还有像一些已经淘汰的XHTM2，它可能已经我印象里已经发展到2.0了，对吧？还有就是我们现在用的一个HTM5等等等等啊等等等等，这些东西具体是什么意思，你其实不用过分的去纠结，但是你要知道的是我们网。

网页它的发展过程中，它产生了很多很多种不同的版本啊，不同的版本，那可能我们现在最常用的这东西很少用了啊，XMR很少用了，那最常用的就是HTM4还有HTML5，那问题就来了，那HTMMR4的语法和HTM5的语法它是不是完全一样的？哎，那肯定不是完全一样，要完全一样的，我干嘛还要推出HTL5呢？哎，所以并不完全一样，那这个时候就产生一个问题，那我们写这个网页，它到底是HTML4的还是HTML5呢？诶，那我告诉你，咱们学的就是H5的基础嘛，所以我们这种语法规范，我们讲的东西全都是按照HTMMR5的这个标准去讲的啊MMR5的标准去讲的，所以我们写这个网页都是HTML5的标准去写的，那我们既然是按照H5的标准去写的，那我们就希望浏览器在解析的时候，是不是也把它当成HTML5的网页去解析啊，哎，你可别把它当成SMR4的去解析，你要当成SL4的，那可能就会可能就会有问题了，对吧？所以那我们来看看，那我从我们的这个页面里边。

能看出我这个网页是N秒五还是零秒四的吗？哎，其实从这一块来看的话，是一点也看不出来的，诶有同学说，老师你不是说四跟五的语法不一样吗？诶确实不一样，但是它也没那么不一样，可能一些细节地方不一样，但是大体的话区别不是很大啊，不是很大，那所以就导致一个问题，我们虽然知道我们是用H5的语法写的，但是浏览器知不知道，诶浏览器是不知道的，那浏览器不知道怎么办？浏览器不知道我们就得告诉他，所以在网页里面我们还有一个东西叫做一个文档声明，文档声明英文叫做do do tap啊，Do tap do就是document是吧，Type就是类型的意思，文档声明，文档声明用来干嘛的？诶文档声明用来告诉我们浏览器，我们当前网页的什么的网页的一个版本啊，你是HTL4。

的，还是HTMMR5的，那现在还会不会有人写NL4的这个网页了？呃，可能也会有，但是很少了啊，但是很少了，所以我们现在写的网页版本都是什么呢？HTL5的，所以我们不说别的了，我们就直接说HTM5的一个文档声明，哎，五的文档声明，那我们会有一个好消息，哎，什么好消息呢？因为在我们H5当中，这种文档声明已经写的极为简化了，特别特别简单，就是它是怎么写的呢？也是一对尖块，前边是一个叹号，然后是一个do，然后后边空格跟着一个HTML，所以你只要网页中有这个东西，那就表示你的这个网页是HTML5的啊，TL5的，当然你有可能看到这种写法，什么写法呢？哎，你可能看到这个D是大写的，哎，你也可能看到这个do tap整个都是大写的，或者你看到这个H。

TMR是大写的，你可能看到这种写法，哎，这两种写法有没有区别呢？没有区别，两种写法都对，所以你记住了，在我们的HTML里，哎，我们的这些标签也好，这些内容也，它是不区分大小写的，大写小写都行，但是问题就来了，那这东西我要写在哪呢？我要写在哪呢？哎，很简单，这个写到网页的一个最开头，也就是最上边，比HTM2还往上，为什么？因为你要告诉浏览器。

你网页的版本，那你是不是应该在浏览器解析你的页面之前，你就应该告诉他，哎，所以我们浏览器解析网页的时候，是自上向下一行一行解析的，那很明显这东西应该放到第一行，浏览器一看到这东西他就知道了啊，你写的这个网页是HTML5这个标准呢，那我在解析的时候也按照HTML5的标准去解析就完事了啊，所以记住了这个东西叫什么叫文档声明，那现在我们的网页结构是不是又多了一个呀？哎，所以其实在HTML外边再加这么一个文档声明，但是这个东西严格意义上来讲吧，它不属于网页里边的一部分，网页里边其实都在H里边了，你会有可能说老师你之前去讲的时候，你不是说网页中的所有内容都应该写到跟标签里边吗？诶，Do tap有没有写到跟标签里边，没有，那又打脸了对吧？诶打脸这个呢，严格意义上讲也不算打脸，为什么呢？因为这个东西它不属于网。

网页它属于就是什么呢？就是告诉浏览器我这个网页的一个一个语法的一个规范，我是H4的还是H5的，所以它不算是一个网页中的内容，所以这个时候呢，咱就不要叫这个真儿了，对吧，这个东西就写到第一行，而且注意它是在这个H填门的外边的，而且呢，严格意义上讲，它并不算是一个标签啊，它并不算是一个本事，总之你就记住了，以后写网页第一行就是。啊，什么意思，就是来告诉浏览器，我的网页是HTML5这个标准，好，我们先停一下。