oeasy教h5之009 文档声明_DOCTYPE_DOM_原创

好，我们回到上次内容啊，上次呢，我们了解到了title元素是网页的标题。一个文章也好，一个网页也好，题目是最重要的，看到题目就知道这个东西是讲的什么事儿了，是吧？题目叫孔乙己，那他就不会说的是白鹿原最核心能够概括这个文章的东西，那我能做个中文网页吗？把它复制。V空格，一个叫做Oe.xml的东西，O ez是文件名，XL是扩展名。然后呢，把它双引号加号P，因为这是HTML文件，所以呢，我们这块高亮都是正确的，正确还不行啊，我还要找到这个具体的位置。哎，那我现在到title这个元素里面了，NC是cat I是in。Cut in谁呢？In t tag.Cutting tag之后就把这个。标签里边的东西删掉，并且进入插入模式，就直接切过来，就来说什么呢？这是我是标题，或者说我是犄角犄角。

然后呢，Ec退到正常模式，到body这块也可以。还是什么呀，CI?就是会出现c cut in tag, 把这个里面写什么呀，写尾巴，然后呢，Escape退出这个。这个插入模式，然后保存，并且用外部命令火狐去运行当前文件，并且呢在后台运行。那么在后台运行之后呢，右键它。检查。有没有问题？没有问题，Pad里面有一个title是吧？再回忆一遍这个开始标签。然后呢，后面的这个是结束标签。整个开始标签，结束标签一起构建起什么呢？元素，Element元素，什么元素，Title元素，这个元素的内容是什么呢？这个Title元素内容是什么呢？就是犄角这个纯文本，这是。

根儿是HTML元素。然后长一个叉是head，长一个叉是body head里面再长一个叉是title，是这么一个逻辑对吧。哎，这个就是目前的这个根儿长俩叉，第一个叉又长一个叉，这么这么一个事儿，这棵树叫什么树呢？叫做Dormi tree.Dormitory do do的意思是document object model文档对象模型的这么一棵树。文档对象模型的这个树，这个树的树根儿呢？是文档对象是谁啊HL元素。A01元素是它的根儿，然后有一个head。有一个body，就是这个根儿上长两个叉是吧，长两个元素，它就h me元素，里边儿的content内容是hi的元素和body元素。

然后body元素里面呢是纯文本，Title元素里面呢是title元素，Title元素里面的内容是犄角是这个东西，那目前这个东西完美了吗？完美了吗？哎，那么右键它查看什么呀，源文件view sourcece, 发现这块有一个什么呀，有一个红色波浪线。他说什么呢？Start tag scene without seeing dark time first expected.他说开始标签啊，看起来没有这个文档类型，需要来声明一下文档类型。那这个文档类型怎么理解呢？不同的时代会有不同的HPML标准，让样写咱就写呗，是吧，让写咱就写，怎么写呢？复制这个代码，然后GG到第一行双引号加号大写P粘贴上去，粘贴在前面，这个时候我们再保存并运行，保存运行之后呢，我们这刷这个。这个S这块儿红色波浪线消失，这就没有毛病了，是吧？没有毛病了，这就是最简单的网页框架啊，你web扣Ding的时候生成多么华丽丽的网页，其实都离不开这个基本结构，我们先把握这个基本结构，在这个根儿上长出什么都是我们手拿把攥的，那这次呢，我们讲的就是dormit tree文档对象模型，这棵树呢，长俩枝儿，Head跟body head里面又长出一个title，而且要在开头呢设置这个doc tap, 那HTML是什么意思？这个语言究竟是怎么来的呢？我们下次再说o easyz交枪。