《HTML 5+CSS 3入门经典》——1.2 HTML 5 的优势

1.2 HTML 5 的优势

任何新鲜事物的出现,都会带给人们惊喜,同时也会存在很多争议。虽然Web 开发者普遍认为HTML 5 好,但是还是会很担心,例如,新的HTML 5 在老版本的浏览器上能否正常运行,会不会产生错误等各种问题。HTML 5 是基于各种各样的理念进行设计的,这些设计理念体现了对可能性和可行性的新认识。

1.2.1 使用HTML 5 的理由
以下三个理由证明我们可以放心使用HTML 5 。兼容性:HTML 5 在老版本的浏览器上也可以正常运行。实用性:HTML 5 内部并没有封装什么很复杂的、不切实际的功能,而只是封装了简单实用的功能。用户优先性:HTML 5 规范是基于用户优先准则编写的。下面针对这些原则进行介绍。

首先是兼容性问题。虽然到了HTML 5 时代,但并不代表现在用HTML 4 创建出来的网站必须全部重建。HTML 5 并不是颠覆性的革新。相反,HTML 5 的核心理念实际上是保持一切新特性平滑过渡。尽管HTML 5 标准的一些特性非常具有革命性,但是HTML 5 旨在进化而非革命。这一点正是通过兼容性体现出来的。正是因为保障了兼容性,才能让人们毫不犹豫地选择HTML 5 开发网站。
然后是实用性。所谓的实用性,就是要求能够解决实际问题。HTML 5 内只封装了切实有用的功能,不封装复杂而没有实际意义的功能。
最后是用户优先性。HTML 5 规范是基于用户优先准则编写的,其主要宗旨是“用户即上帝”。这意味着在遇到无法解决的冲突时,规范会把用户放到第一位,其次是页面的作者,再次是实现者(或浏览器),然后是规范制定者,最后才考虑理论的纯粹实现。
1.2.2 HTML 5 的化繁为简
HTML 5 的口号是“简单至上,尽可能简化”。因此,HTML 5 做了以下改进。以浏览器原生能力替代复杂的JavaScript代码。新的简化的DOCTYPE。
新的简化的字符集声明。

简单而强大的HTML 5 API 。我们会在以后的章节中详细讲解这些改进。
1.2.3 HTML 5 的无插件范式
过去,很多功能只能通过插件或者复杂的hack(本地绘图API、本地socket 等)来实现。不过,通过插件的方式实现,通常存在以下几个问题。

插件安装可能失败。
插件可能被禁用或者屏蔽。

插件自身会成为被攻击的对象。
插件不容易与HTML文档的其他部分集成(因为插件边界、剪裁和透明度问题)。

虽然一些插件的安装率很高,但在控制严格的公司内部网络环境中经常会被封锁。此外,由于插件还会经常给用户带来烦人的广告,一些用户也会选择屏蔽此类插件。如果这样做,一旦用户禁用了插件,就意味着依赖该插件显示的内容也无法表现出来了。

在我们已经设计好的页面中,要想把插件显示的内容与页面上其他元素集成也比较困难,因为会引起剪裁和透明度等问题。插件使用的是自带的模式,与普通Web 页面所使用的不一样,所以当弹出菜单或者其他可视化元素与插件重叠时,会特别麻烦。这时,就需要HTML 5 应用原生功能来解决,它可以直接用CSS和JavaScript的方式控制页面布局。实际上,这也是HTML 5 的最大亮点,显示了先前任何HTML版本都不具备的强大能力。HTML 5 不仅仅提供了新元素支持新功能,更重要的是添加了对脚本和布局之间的原生交互能力,鉴于此,我们可以实现以前不能实现的效果。
以HTML 5 中的canvas 元素为例,有很多底层的事情以前是没办法做到的(比如,在HTML 4 的页面中就难画出对角线),而有了canvas,就可以很容易地实现了。更为重要的是,新API释放出来的潜能,以及仅需寥寥几行CSS代码就能完成布局的能力。基于HTML 5 的各类API的优秀设计,我们可以轻松对它们进行组合应用。HTML 5 的不同功能组合应用为Web 开发注入了一股强大的新生力量。
1.2.4 HTML 5 的新特性
HTML 5 给人们带来了众多惊喜,例如下面这些优点和新的特性。基于HTML、CSS、DOM和JavaScript。减少了对外部插件的需求(比如Flash)。更优秀的错误处理。

更多取代脚本的标记。
独立于设备。
用于绘画的canvas元素。
用于媒介回放的video和audio元素。
对本地离线存储的更好支持。
新元素和表单控件。
而这些新特性在如今的浏览器最新版本中得到越来越普遍的实现,越来越多的开发者开始学习和使用这些新特性。

时间: 2024-12-31 07:51:08

《HTML 5+CSS 3入门经典》——1.2 HTML 5 的优势的相关文章

《HTML 5+CSS 3入门经典》——导读

前言 自从2010 年正式推出以来,HTML 5 受到了世界各大浏览器厂商的热烈欢迎与支持.同时,W3C也已经发布了HTML 5 规范和CSS 3规范.根据世界各大IP界知名媒体评论的说法,新的Web 时代--HTML 5 与CSS 3的时代马上就要到来了. 目前,关于HTML 5+CSS 3 的书籍有很多,但是真正从初学者的角度出发,把技术及应用讲解透彻的并不是很多.本书从初学者的角度出发,为想要学习HTML 5+CSS 3 页面设计.想要进行Web 程序开发的初中级开发人员.编程爱好者.大学

《HTML 5+CSS 3入门经典》——2.1 新增的元素和废除的元素

2.1 新增的元素和废除的元素 2.1.5 新增的input元素的类型 HTML 5 中新增了很多input元素的类型,现列举如下. email类型:用于应该包含e-mail地址的输入域. url类型:用于应该包含URL地址的输入域. number类型:用于应该包含数值的输入域. range类型:用于应该包含一定范围内数值的输入域. search类型:用于搜索域,比如站点搜索或Google搜索.search域显示为常规的文本域.HTML 5 拥有多个可供选取日期和时间的新输入类型. date:选

《HTML 5+CSS 3入门经典》——2.4 上机实践

2.4 上机实践 2.4.1 使用hidden属性对用户评论内容进行隐藏 题目描述当我们在浏览新闻的时候,通常会发现新闻的下面有一个用户评论区域,在用户的评论区域,浏览者可以针对新闻的内容发表自己的看法,这样页面中就会存在很多用户评论的内容,这些评论内容使得页面看起来比较拥挤.这个时候我们就可以使用hidden属性来对评论的内容进行隐藏操作,效果如图2.3所示. 技术指导 首先,在页面中放置一对元素,在该元素内放置用户的评论内容,并设置该元素的id为"art":同时在页面中放置两个单选

《HTML 5+CSS 3入门经典》——1.3 HTML 5的语法变化和标记方法

1.3 HTML 5的语法变化和标记方法 1.3.1 HTML 5的语法变化 HTML 5中,语法发生了很大的变化.或许有人会异常惊讶和不安地问:"HTML普及到何种程度啊?""根本的语法发生了变化,会有多大影响啊?" 只是,HTML 5的"语法变化"和其他编程语言所谓的语法变更相比,意义有所不同.为何这么说呢?原因比较特殊,是因为以前的HTML,遵循规范实现的Web浏览器几乎没有. (1)现有浏览器与规范背离 HTML的语法是根据SGML(St

《HTML 5+CSS 3入门经典》——1.1 HTML的历史

1.1 HTML的历史 万维网(World Wide Web,WWW)是一种建立在Internet 上的.全球性的.交互的.多平台的.分布式的信息资源网络.它采用HTML语言描述超文本(hypertext)文件.这里所说的超文本指的是包含链接关系,并且包含了多媒体对象的文件.万维网有3个基本组成部分,分别是URL(Universal Resource Locators,统一资源定位器).HTTP(Hypertext Transfer Protocol,超文本传输协议)和HTML(Hypertex

《HTML 5+CSS 3入门经典》——2.2 新增的属性和废除的属性

2.2 新增的属性和废除的属性 2.2.1 新增的属性 1 . 表单相关的属性HTML 5中新增的与表单相关的属性如下.(1)autocomplete属性autocomplete属性规定form或input域应该拥有自动完成功能.(4)表单重写属性表单重写属性(form override attribute)允许您重写form元素的某些属性设定.表单重写属性有以下几个.formaction:重写表单的action属性.formenctype:重写表单的enctype属性.formmethod:重

《HTML 5+CSS 3入门经典》——1.5 习题

1.5 习题 填空题1 . HTML 5文件的扩展名是 ,内容类型(ContentType)是 .2 . 万维网有3个基本组成部分,分别是URL(统一资源定位器).HTTP(超文本传输协议)和 .3 . 在HTML 5中,可以使用元素的新属性 来设置字符编码,例如,设置字符编码为UTF-8可以使用 来实现.问答题1 . 简述可以让我们放心使用HTML 5的三大理由.2 . 说明HTML 5有哪些新特性.3 . 简述HTML 5有哪些语法变化.

《HTML 5+CSS 3入门经典》——3.5 小结

3.5 小结 HTML 5表单极大地提高了开发者的工作效率,并给用户带来了一些新的体验.HTML 5提供了很多可以直接使用的功能,而以前需要大量的定制代码才能实现这些功能(如表单验证.创建滑块条控件).熟练掌握本章中表单新增的属性,可以减少程序的开发时间,创建出更简洁.更新颖的表单,进而实现Web程序开发.

《HTML 5+CSS 3入门经典》——2.6 习题

2.6 习题 选择题1 . HTML 5中新的标记( )元素表示整个页面或页面中一个内容区块的脚注.A. header B. footer C. article D. 以上都不是2 . 下面哪个元素类型不是HTML 5中新增的input元素的类型?( )A. range B. search C. fi le D. number3 . 下面哪个元素是HTML 5新增的元素?( )A. li B. iframe C. charset D. section填空题1 . HTML 5中 元素表示页面中一