tml+css基础一：html简介和发展史

HTML全称（hypertext markup language）译为超文本标记语言，其译文代表了HTML的含义，它和其他编程语言不同的是，HTML不是一门真正意义上编程语言，而是一种标记语言，通过带有尖角号的标签对文本进行标记，从而实现网页的结构搭建。

1.2、HTML发展史

HTML创始人（蒂姆·伯纳斯-李）蒂姆·伯纳斯-李除了是HTML的创始人，还是w3c组织的主席。

1、HTML1.0 （1991年12月）

1991年万维网（www）在互联网上首次露面，也随之引起了巨大的轰动。

1989年，伯纳斯-李写了一份备忘录，提出建立一个基于互联网的超文本系统。同年和另外一个工程师一起进行联合资金申请，但是这个项目并没有通过。

1991年底的时候，伯纳斯-李公开了一份“HTML Tag”的文档，里面描述了组成HTML初始版本的18个元素

2、HTML2.0（1995年11月）

HTML 2.0是HTML语言的扩展。????

与原始版本的HTML不同，HTML 2.0被创建为Web标准，规定了常见的网页结构

3、HTML3.2（1996年1月）

惨淡的"第一次浏览器大战时期（Netspace Vs IE）"，两大巨头不断推出重大举措试图控制整个领域。???????

网页开发者是这场战争中的焦点。商业战争就像军备竞赛，各家公司为了保持领先，招兵买马。各家都有各家的规则。?????????

那时候，你不得不写两份不同的网页，一个用于网景的浏览器，另一个用于微软的浏览器

4、HTML4（1997年12月）

浏览器大战接近尾声，W3C（世界万维网联盟）成立，他们打算通过制定统一的HTML标准，使整个产业能有序的发展。 ? ? ? ? ? ?

他们计划用两种语言分离出HTML的表达式（HTML 4.0）和结构（CSS），并且说服浏览器厂商接受这些标准

这次发布提供了规范的三种变体：

Strict，严格版本；

Transitional，过渡版本；

Frameset，iframe框架集；

HTML4.0 采纳了许多浏览器特定的元素类型及属性，但是同时也把 Netscape 的视觉化标记标记为过时的寻求淘汰; 赞成使用样式表; 同时在1998年4月对HTML4.0进行了微小的修订，没有增加版本号HTML5.0

5、HTML4.01（1999年12月）

像 HTML4.0 一样提供了三种变体，并且他的最终错误修订版在2001年的5月12日发布

6、XHTML 1.0（2000年1月）

各大浏览器厂商纷纷接受W3C标准的时候，新技术出现了。?????????????

HTML和另一种语言XML融合，XHTML（可拓展的超文本标记语言）就此诞生。???????????

它继承了HTML的通用型和浏览器的兼容性，继承了XML的严密性和可拓展性

7、HTML5（2014 年 10 月）

HTML5是HTML最新的修订版本，由W3C制定，目标是取代1999年所制定的HTML 4.01和XHTML 1.0标准

我们现在使用的是html5版本，因为由于新兴框架的出现和浏览器兼容性的提升，让我们选择了html5。

了解同学们的专业学习情况，增强团队协作能力，近日，金盾2201班举行了以小组为单位的HTML网页项目验收。本次项目验收特邀邓旎、唐勇两位老师担任评委。

金盾特训班作为我校以高薪就业为终极目标的特色班级，除了日常文化课学习之外，提升项目实战经验也成为了他们必不可少的日常操练项。

验收现场

各小组以PPT讲解结合网页作品演示的形式，从想法构思、选定项目、作品功能实现等方面来展示团队作品。每位同学轮流上台讲解，在操作演示中突显实践的重要性。

项目验收考验的是大家代码知识的运用情况，同时还能提高表达能力及项目制作水平，为成为一名“准职业人”打好基础。大家纷纷表示，虽然在过程中遇到了数不清的困难，但是并没有因此而放弃，在老师的辅导和组员之间的互帮互助下，促使此次项目圆满完成。

颁奖典礼

经评委现场评分，最终评选出团队一、二、三等奖及优秀个人奖。

团队一等奖

王涵、李嘉星、刘灿、段李可

团队二等奖

姚宏源、周旺、骆鹏飞、凌海峰

团队三等奖

潘虹、张雅婷、胡伟

优秀个人奖

罗浩智、付清、陈韬、殷明、莫艺清

此次项目验收，充分展示了金盾班同学的理论水平、专业知识、语言表达与实践操作能力，希望各位同学再接再厉，发挥个人潜能，展示出更加优秀的作品。

avaScript框架。

哈喽，各位小伙伴们大家好，欢迎来到前端课堂。这节课来讲解JavaScript的简介，让我们再深入的了解一下JavaScript。其实这张截图就是从JavaScript的官方文档中截图下来的，它的最大的点就是鉴定点的JavaScript框架。当然下面这些易学易用、性能出色等等也都是它的优势了。

JavaScript这个发音有人也称为Vue，就是拿每个字母来读，但是正常就读Vue就行了。它说类似Vue读音就是一模一样的，是一款用于构建用户界面的JavaScript框架。它基于标准的HMCS和GS的进行构建，也就是说学习起来比较简单，只需要会HMCS、GS就能学习Vue了。

并且还提供了一套声明式组建化的编程模型。关于什么是声明式，什么是组建化，后续在学习的过程中大家慢慢能体会到，尤其是组件，这个真的是非常大的优势。而目前的框架基本都具有这个功能，它可以帮助快速的开发用户界面，这就是它可以提升开发的时间成本，提升开发体。无论是简单的复杂的页面都可以胜任，这是JavaScript的优势。

所以现在JavaScript写项目的比较多了，无论是后台管理系统还是前端的站点都会采用JavaScript来进行实现，比较方便，包含移动端，页面也有用JavaScript来进行实现的。这里边最大的点就是可以看到这三个大字：渐进式。

有同学不明白老师什么是渐进式框架，接下来就用官方的介绍来给大家描述一下。JavaScript是一个框架，这毋庸置疑也是一个生态。关于生态这个点我想多说两句，什么是生态？如果JavaScript框架就只有它自己本身没有额外的一些支持，我指的额外支持是没有作为开发者的支持，没有一个环境，没有一个圈子去支持它，JavaScript框架是火不起来的。

之所以它能火起来就是JavaScript本身这个框架很好，就是它有很大的优势很好。其次大家对于它非常认可，认可它之后就会在这个JavaScript的基础之上去做很多针对于JavaScript框架才能用到的组件或者叫插件。

比如给大家举个例子轮播图，如果JavaScript框架非常好，但JavaScript会帮你去实现一个轮播图功能吗？不会。但谁会？作为开发者的，我们会实现一个特别好的轮播图，把它上传上去，作为其他开发者也可以去把别人实现的轮播图直接下载下来，放在你的项目当中就可以直接使用，你不用自己再写一套了。

这就是我们所说的生态，它的生态已经非常完善了，非常强大。所以它说vivo现在既是一个框架也是个生态，而且vivo提供的功能也比较多。不仅是vivo本身，它还提供了路由，就是来做页面跳转的管理页面之间的关系的，还提供了数据管理方案。

比如说以vivo 2是vivo x，vivo 3是平安雅，这些都是帮我们更好的去做开发的。它还提供了很多，比如说国际化的一些包等等非常多。还有一些ui组建库、eleven ui、anti、want以及on the zion等等，所以说它是个生态。

而且大家日后要想明白一个问题，什么问题？一个框架或者说一个技术它是否能火，它的生态决定了它是否真的能火。生态非常繁荣，那它一定会火。如果生态圈中连大家讨论都没人讨论，那这个东西基本上不会火了。

大概这样，其功能覆盖了大部分前端开发常见的需求，但外部事件也是十分多样化，所以不同的开发者对于这个实现也不太一样。所以他说外部上构建的东西可能形式上、规模上都会有很大的不同点。

比如说你是移动端的商城，它是后端的管理系统，这是完全不同的对不对？所以他说考虑到这一点，vivo的设计非常注重灵活性和可被逐步集成的特点。其实它这个可被逐步集成就是它的渐进式的框架的优势。

什么意思？就是我可以在完整的项目当中去使用vivo，我也可以在其中某一个功能上去使用vivo，甚至我可以只在某一个html页面中去使用vivo的某一个功能，这就是渐进式可以很低端的，就是可以很简洁的使用在一个页面中使用，也可以在一个功能模块中使用，甚至可以在整个项目中全用vivo来构建。

所以说这是它渐进式的特点。根据你的场景需求，他说可以将vivo分成以下几种使用方式。

·比如说第一种就是无需构建，无需构建步骤渐进式增强的html。所谓的就是渐进式增强的静态的html就是在你的一个html文件中去引入vivo，就这么简单。你也可以把它当成一个组件，然后引入在一个功能当中，当成一个功能来引入，甚至可以整个项目创建成一个单页面应用的形式，然后去使用它。

·什么是单页面应用spa？就是整个项目就只有一个页面，那页面中如何做跳转？页面中内容怎么展示？它是通过更换页面内容，就是在一个页面中一直不断的更换内容，让你感觉是很多个页面的样子。这是现在比较流行的，它也可以有服务集团渲染等等。

这些后续我们再慢慢讲，这些我就不说了，就是说你要知道vivo是一个，渐进式的框架。它的优势就是可以在sml页面中使用，单独的页面中使用也可以把它某一个功能提取出来，用 vivo 来实现，甚至可以整个项目完全用 vivo 来实现。

当然日后的开发是第三者，就是完全整个项目都用 vivo 实现，这是比较常见的或者说这是需求，正常应用都是这个样子的。

接下来要给大家聊一聊关于 vivo 的版本问题，因为这也是大家比较关心的，之前也是录了很多很多视频，但是版本比较老，所以现在做更新。

来说 vivo 版本，目前在开发中 vivo 有两大版本，分别是 vivo 2和 vivo 3，老项目一般都是 vivo 2的，为什么？因为老的项目可能持续了半年、一年、两年，这些项目出现的时候 vivo 3还没存在，还没有，所以它用的是 vivo 2的版本开发的，而现在的新项目一般都会选择 vivo 3来开发。

本套课程讲解的是哪个版本是 vivo 3的版本？有同学说老师，那 vivo 2怎么办？不要急，因为 vivo 3涵盖了 vivo 2的知识体系，就是说你把 vivo 3学会了 vivo 2你也就会了，但如果你只学 vivo 2 vivo 3你是不会的，为什么？因为 vivo 3增加了很多新的特性，所以说大家不用考虑说老师我们讲 vivo 3的 vivo 2怎么办这个问题，只要我们讲了 vivo 3 vivo 2也涵盖在其中了。

这就意味着无论是咱们在公司工作中是老项目还是新项目都没有关系，你都可以胜任，都是可以的。这是我们来描述 vivo 的一个版本的一个主要原因。

这里再给大家介绍关于 view 的官方文档，大家怎么去找官方文档？它的官方文档叫 cinder view gs.alg，这里加一个点在这里，官方文档，我也希望把这个给大家放在这里，别大家地址到时候还不知道 vivo 的官方文档是什么，前面有个 cn，其实在官方文档就是 vivo gs的奥格前面有个 cn，cn 是什么意思？中文的。

当然有同学说老师我想看英文的，那你就把 c 音去掉，访问的他就是个英文的，我个人肯定是看中文的了，为什么我英文又不好，是不是？在座各位英文好可以看英文的，也是锻炼自己的英文阅读文档的水平，因为其实很多框架很。这个技术、知识第一手资料基本上都是英文的包含。

view，开发者是中国人，第一个版本提供的仍然是vi，仍然是英文的，为什么？因为它针对的不只有中国，还有很多其他国家，毕竟英文现在是什么？这世界统一语言，所以如果大家能读得懂英文建议读英文，如果英文对你学习来说是个障碍，那就先看英文，中文会了之后再慢慢去琢磨英文版本对应的描述，对不对？

这是它的官网，默认的就是已经三的版本了，如果大家以后想看二的版本，点文档这里也有个二的版本，也是可以看的，这是它的官方文档，也给大家放在这里了。

关于vivo这个简介说到这里就可以了，本节课主要了解了三个点。

·第一个点就是关于vivo的一些描述，就是这里面的一个简介，它的读法等等。

·第二个就是为什么它叫渐进式框架？也刚说了其实就是atvo页面中也可以使用，单独一个功能模块也可以使用，完整的项目用vivo也可以，它是逐渐增强的一个过程。

然后它有两个大的版本，也熟知了有vivo 二的版本、vivo 三的版本，如何去判断？日后创建好项目大家就能判断了，我会告诉大家如何去判断这是vivo 二的版本还是vivo 三的版本，不要急。

关于vivo的简介就说到这里，感谢各位聆听，下期再见。