嗨 今天我们要来学习HTML5 我们要重点了解它是什么,并且知道为什么我们不学HTML1 所以什么是HTML? HTML是“超文本标记语言”的缩写 标记语言是很常见的 它和编程语言不一样 标记语言是一种特殊的语言,
用于注释或标记文档 HTML中,所有的标志都是用来告诉浏览器,
什么地方要放标题 什么地方放图片,表格,链接等等 .HTM文件正是这样一种特殊的文件 你们之前已经见过特殊的文件扩展名 每当你打开一个拓展名是 .doc的文件 你的电脑就知道要用Microsoft Word来打开它 如果你打开一个.ppt的文件,
你的电脑就会知道 这是一个Power Point文件,我要用Power Point打开它 同理,当你的电脑看见了.html的文件,
它就知道它应该 用网络浏览器打开它,比如Chrome,Firefox 或 Safari 你的浏览器能读出这个文件,并且知道如何将它呈现在屏幕上。 除此之外,屏幕阅读器和其他辅助设备也被允许
读出HTML文档的标签 并且利用标签通过新的、特别的方式呈现信息。 HTML语言与英语非常相似, 即使你不怎么了解HTML也能够理解它。 让我们来看看这个例子,这里有个HTML文件。 它大部分用的只是典型的英语 这里是一个重要的标题,然后 这里我打算在课程页面加一个链接。 然而如果你仔细观看,你能看到我们已经加上了这些小标签。 浏览器就是利用这些标签才知道怎样呈现内容。 所以,h1就是一个标题标签。 它告诉浏览器:“喂,这里的内容很重要!” “我要你在这里用更大的字体,如果有人用辅助设备访问” “我需要他们知道这里的信息很重要。” H2也是呈现重要信息的标签,但是重要性少一点。 我用p标签表示一个段落, 我用下面这个锚标签 来告诉浏览器,我不要呈现这个信息, 我要链接到另一个页面上去。 所以任何一种浏览器都能识别我们的代码。 最开始的时候,学习HTML主要是为了学习 我刚才想你展示的不同的标签。 这被称为语法学习。 学习如何使用括弧、反斜杠,以及不同的符号。 以及不同的符号。 你会花时间应付下面的状况:我记得那个标签吗? 我这样写正确吗? 这将耗费你很短暂的时间。 用不了多久, 你就会有信心不再关注你的语法, 转而更多地考虑语义,也就是标签背后所代表的意思。 我想表达的这个信息有多重要? 我使用的标签合适吗? 如果有人搜索我的页面,他们能找到所期待的内容吗? 即使他们不能看到文本内容,他们能通过标签来导航吗? 那么,HTML1是怎么回事? 为什么我们用的是HTML5? 我们来谈谈前几年的状况。 HTML创建于1990年,它用超链接通过电子方式 连接不同的文档。 从此以后,一个网络的连接概念形成了。 当时, 科学家们用英特网来陈列他们的研究论文。 不同的论文堆叠得很长 而HTML能使你在读一篇文章的时候, 使里面的文本内容能连接到另一个已经存在的论文。 因为早些年HTML的使用者,就好象右上角我的父亲, 他们是核物理学家,他们不关心 颜色、图像以及与科学事实无关的东西。这是关键点。 HTML能跨越任何平台运行。 而为了实现跨平台运行,就不得不避免使用特殊字体, 特别的配色,以及其他与版面有关而与内容无关的东西。 早在1993年,Mosaic就作为第一个图形浏览器问世 这意味着它是第一个引入图像概念 的浏览器,并由此引发了研究团队之间 关于其优劣性的大量争论 开发者希望保持浏览器基于简单内容的特点 能够保证所有人可以访问 但创新派并不这么想 人们喜欢看到图片,喜欢页面有布局 他们对于图像的喜爱甚至超过内容本身 因此引发了一场关于互联网的演进方向的巨大战役 Mosaic问世后,互联网的使用出现了明显的爆发式增长 越来越多的人们开始将其用于商业领域 而非仅仅用于研究 当然Mosaic也遭遇了竞争对手,比如Netscape,Internet Explorer 以及其他浏览器 这就是我们所说的浏览器战争的开端 每一个浏览器都试图创造自己的专属标签 这些标签只能作用于自己的浏览器 其中一些例子就是跑马灯标签‘marquee‘,你可以嵌入滚动文本 或是闪烁标签‘blink',
这些标签都只能用于部分浏览器 还有一些专属标签虽然可以在任一浏览器中使用 但它们仍然违背了HTML的原始精神 比如字体‘font’、用于文本居中的居中‘center’或是背景颜色‘bgcolor’ 虽然这些标签听起来没什么不好 但有一些计算机并没有这样的机会或能力 去获取其它计算机上存有的各种颜色 这样会导致一些外观难以直视的页面 同时也会引发所谓“最佳浏览效果”的消息提示的出现 基本上当你访问网站时,你会立即被告知 使用哪个浏览器可以获得最佳的浏览效果 否则你将无法拥有最佳的浏览体验 如今浏览器战争或者说图片的“最佳浏览效果“依然会对我们造成不便 无数次当你访问一个页面的时候 你会发现如果用手机浏览,你无法访问到完整的内容 除非你点击链接访问电脑版的网站 怎么会发生这种事情? 我们怎么会陷入这种窘境?对于HTML所应该扮演的角色 各大浏览器之间并没有达成一致 我们又回到了原来的概念:没有人在掌控互联网或者说网页 与此同时也有一些人确实扮演着更加积极的角色 他们试图帮助网络上发生的事务进行标准化 首先是国际互联网工程任务组(IETF) 他们专注于不同网络之间应该如何协作 以及如何共同作用 万维网联盟(W3C)则处理HTML以及HTML演进的相关事务 他们想要了解哪些标签是浏览器应该支持使用的,哪些是不应该支持的 最后,最新的团队之一,网页易读性倡议(WAI)组织 他们希望确保,不论用户访问页面的方式如何 都能够同等的浏览页面内容 我们刚刚所说的浏览器的进化史如图所示 1990-1994年,浏览器基于文本,非常简单 1993年我们说到了图片是如何进入页面的 在很大程度上引爆了互联网 跨浏览器的兼容性问题会使得许多网页崩溃 并且导致异常丑陋的代码的出现 在2000年初,浏览器回到了原来的一个概念: 内容与样式的分离 然后在2005年,使用HTML文件来创建内容,用CSS文件来设计样式
已经成为一种标准的实现方法 这也就是我们在这门课程中将要学习的内容 因此,在浏览器演进的过程中,HTML也在进化 HTML之所以能够在大多数的计算机科学和技术领域中应用 源于编码者和开发者对标准的推行 当编码人员意识到他们希望以计算机的能力
完成越来越多的事情时 浏览器的任务就是要跟随需求的发展 那么如今发展现状如何呢? HTML5是W3C和网页超文本应用技术工作小组(WHATWG)之间的 一次合作 他们所作的事情是建立了四条规则 用于指导HTML5的实现,使其获得浏览器的支持 第一条是HTML5的新特性必须基于以下语言: HTML,CSS(一种标记语言),DOM和JavaScript 其他都不行 他们希望减少对外部插件的依赖,
不然当你发现你的浏览器 无法观看别人上传的视频时,那真是太不爽了 进一步,他们还想采用标记/标记语言 来替代脚本语言 当你发现越来越多的开发者编码实现功能时, 你可以避免代码,仅仅用一个简单的标签就能完成了 最后,HTML5应该独立于设备之外 不管你用的是手机、笔记本电脑、台式机 甚至是一个屏幕阅读器 你希望每个人都能同等的获取信息 所以当你回忆这个视频时, 有几个要点希望你能牢牢记住 第一,HTML不是一种编程语言 它更像是浏览器将文件转换为可视页面的一种方式 HTML是用于整合许多不同内容类型的 图像、图片、链接、列表 诸如此类 回顾互联网的发展我们发现 当设计者希望实现自己的想法时 不得不编写毫无标准的代码来迫使浏览器支持 这就是为什么我们要制定HTML5的新标准
来满足人们的需求 并且推进浏览器对于新标准的采用