初识HTML 5:关于它的三个三
来源:http://www.ido321.com/949.html
一、HTML 5受欢迎的三个理由
1、IE、Google、Firefox、Safari、Opera等主流浏览器的支持
1.1 微软:2010年3月16日,微软在拉斯维加斯举行的MIX10技术大会上推出IE9预览版,更多支持CSS3、SVG和HTML 5等互联网通用标准。
1.2 Google:2010年2月19日,谷歌Gears的项目经理伊安-费特通过博客宣布,谷歌将放弃Gears,重点开发HTML 5。
1.3 苹果:2010年6月7日,苹果在开发者大会上发布Safari 5,它支持HTML 5的10个以上新技术,包括HTML 5视频、形式验证等。
1.4 Opera:号称“CSS之父”的Hakon Wium Lie认为HTML 5和CSS 3将是全球互联网的发展趋势,Opera也正在努力开发HTML 5产品。Web的未来属于HTML 5.
1.5 Mozilla:2010年7月,Mozilla发布FireFox 4的测试版,支持包括HTML 5语法分析器、形式控制等。
2、时代的要求
现 在的时代需要一个互联网通用的标准。在HTML 5之前,由于各个浏览器的之间不统一,光是修改Web浏览器之间由于兼容性引起的Bug就浪费了大量时间。而HTML 的目标就是将Web带入一个成熟的应用平台,在HTML 5平台上,视频、音频、图像、动画,以及电脑的交互都被标准化。
关于Web浏览 器,网页标准计划小组设计并推出了Acid3测试,它是针对网页浏览器及设计软件之标准相容性的一项测试。对于Web应用程序,Acid3对其动态内容进 行检查,测试集中点主要在ECMAScript、DOM Level 3、Media Queries和data:URL。这款测试的设计者正是HTML 5的核心人物Ian Hickson,现在是W3C的HTML 5工作组负责人之一。
3、Internet Exploere 8
这 里为什么要讲到IE 8呢?IE也是朝着支持HTML 5的方向前进。在IE 7之前,IE和Firefox争夺市场份额的战争愈演愈烈,为了抢回被Firefox争夺去的市场份额,继IE 7发布不就之后,IE 8的Release版本就出来了。新推出的IE 8宣布遵从互联网标准,并且开始支持HTML 5,例如实现sessionStorage和globalStorage功能,以代替Cookie。IE作为浏览器市场的老大,都已经对HTML 5如此重视,其它小弟自然会纷纷效仿老大的做法。所以可以说HTML 5在市场上大面积推广的势头是非常强劲的。
二、放心使用HTML 5的三个理由
虽然Web开发者普遍认为有了HTML 5是比较好的,但是还是会担心诸如“它在老版浏览器上也能运行正常吗?”,“会不会有兼容性问题?”,“会不会有错误呢?”等各种问题。那就接着往下看。
1、兼容性:HTML 5在老版的浏览器上也可以运行。
2、实用性:HTML 5内部并没有封装复杂和不切实际的功能,都是简单实用、能够提升开发速度的功能。
3、非革命性的发展:HTML 5的内部功能是发展性的,是为了满足浏览器的开发需求而产生的,并没有完全颠覆HTML 4的标准。
虽然HTML 5的时代已经到来,但是并不代表现在用HTML 4创建出来的网站必须重建,只会要求各Web浏览器今后能够正常运行HTML 5开发出来的功能。
三、HTML 5要解决的三个问题
1、Web浏览器之间的兼容性低。
Web 浏览器之间的兼容性是很低的,在某个浏览器上能够运行的Web程序,在另外一个浏览器就完全不一样了。在HTML 5中,它详细分析了各Web浏览器所具有的功能,并以此为基础,要求浏览器所有内部功能都符合同一个通用标准。既然符合同一个标准,那么兼容性问题就得到 了解决。
2、文档结构不明确
在HTML 5之前的版本中,CSS+DIV设计是常用的,不管你是“标题”或者“正文”,一般是DIV实现,但是DIV只是作为一个容器,并不能作为表示文档结构的 元素。所以在HTML 5中,增加了很多跟文档结构有关的元素,例如header、nav、section、artical等,是HTML文档的脉络更加清晰。
3、Web应用程序的功能受到了限制
譬如同时上传多个文件,这在HTML 5之前是很难实现的。而HTML 5提供了各种各样的Web应用API,各浏览器对其进行封装,就能非常容易的实现HTML 4很难实现的功能。HTML 5已经使富Web应用的实现变成了可能。
下一篇:Canvas入门(1):绘制矩形、圆、直线、曲线等基本图形
初识HTML 5:关于它的三个三的更多相关文章
- Atitit 深入理解软件的本质 attilax总结 软件三原则"三次原则"是DRY原则和YAGNI原则的折
Atitit 深入理解软件的本质 attilax总结 软件三原则"三次原则"是DRY原则和YAGNI原则的折 1.1.1. 软件的本质:抽象 1 1.2. 软件开发的过程就是不断 ...
- redis cluster + sentinel详细过程和错误处理三主三备三哨兵
redis cluster + sentinel详细过程和错误处理三主三备三哨兵1.基本架构192.168.70.215 7001 Master + sentinel 27001192.168.70. ...
- RocketMQ三主三从二命名服务平滑版本升级实操
本文介绍本次进行RocketMQ平滑过渡升级的实际操作 前文已经介绍过了升级基本原理,主要思想就是先升级NameSrv(命名服务)然后在升级broker节点.broker节点先升级master节点然 ...
- centos 7 两台机器搭建三主三从 redis 集群
参考自:https://linux.cn/article-6719-1.htmlhttp://blog.csdn.net/xu470438000/article/details/42971091 ## ...
- 第三百三十九节,Python分布式爬虫打造搜索引擎Scrapy精讲—Scrapy启动文件的配置—xpath表达式
第三百三十九节,Python分布式爬虫打造搜索引擎Scrapy精讲—Scrapy启动文件的配置—xpath表达式 我们自定义一个main.py来作为启动文件 main.py #!/usr/bin/en ...
- 第三百三十八节,Python分布式爬虫打造搜索引擎Scrapy精讲—深度优先与广度优先原理
第三百三十八节,Python分布式爬虫打造搜索引擎Scrapy精讲—深度优先与广度优先原理 网站树形结构 深度优先 是从左到右深度进行爬取的,以深度为准则从左到右的执行(递归方式实现)Scrapy默认 ...
- 第三百三十七节,web爬虫讲解2—PhantomJS虚拟浏览器+selenium模块操作PhantomJS
第三百三十七节,web爬虫讲解2—PhantomJS虚拟浏览器+selenium模块操作PhantomJS PhantomJS虚拟浏览器 phantomjs 是一个基于js的webkit内核无头浏览器 ...
- 第三百三十六节,web爬虫讲解2—urllib库中使用xpath表达式—BeautifulSoup基础
第三百三十六节,web爬虫讲解2—urllib库中使用xpath表达式—BeautifulSoup基础 在urllib中,我们一样可以使用xpath表达式进行信息提取,此时,你需要首先安装lxml模块 ...
- 第三百三十五节,web爬虫讲解2—Scrapy框架爬虫—豆瓣登录与利用打码接口实现自动识别验证码
第三百三十五节,web爬虫讲解2—Scrapy框架爬虫—豆瓣登录与利用打码接口实现自动识别验证码 打码接口文件 # -*- coding: cp936 -*- import sys import os ...
- 第三百三十四节,web爬虫讲解2—Scrapy框架爬虫—Scrapy爬取百度新闻,爬取Ajax动态生成的信息
第三百三十四节,web爬虫讲解2—Scrapy框架爬虫—Scrapy爬取百度新闻,爬取Ajax动态生成的信息 crapy爬取百度新闻,爬取Ajax动态生成的信息,抓取百度新闻首页的新闻rul地址 有多 ...
随机推荐
- s3cmd的安装与使用
s3cmd 是一款 Amazon S3 命令行工具.它不仅能上传.下载.同步,还能设置权限,下面是完整的安装使用指南. 主要是还是用来储存日志文件或者其他什么资料. https://wangyan. ...
- 测试Tomcat
- Android Handler之Message传递参数
最近发现Message,发送消息可以传递参数,这个思路很好,所以写了一个例子,点击屏幕,给Activity发送一个消息,传递两个参数,并把这个activity销毁掉! 程序打开界面: 点击屏幕,销毁a ...
- hdu 1176 免费馅饼(nyist 613)
http://acm.hdu.edu.cn/showproblem.php?pid=1176 dp[i][j]:表示第i秒接j位置的馅饼的最大值. 三种状态: dp[i][j]=max(dp[i-1] ...
- ubuntu set host name
http://wiki.joyent.com/wiki/display/jpc2/Setting+the+Host+Name+on+a+Linux+VM Set the host name in th ...
- Support Library官方教程(1)概述
Support Library The Android Support Library package is a set of code libraries that provide backward ...
- 1218. Episode N-th: The Jedi Tournament(bfs)
1218 简答题 对于当前点 判断每个点是否可达 #include <iostream> #include<cstdio> #include<cstring> #i ...
- UVa 11174 (乘法逆元) Stand in a Line
题意: 有n个人排队,要求每个人不能排在自己父亲的前面(如果有的话),求所有的排队方案数模1e9+7的值. 分析: <训练指南>上分析得挺清楚的,把公式贴一下吧: 设f(i)为以i为根节点 ...
- Android Configuration change引发的问题及解决方法(转)
之前在学习Fragment和总结Android异步操作的时候会在很多blog中看到对Configuration Change的讨论,以前做的项目都是固定竖屏的,所以对横竖屏切换以及横竖屏切换对程序有什 ...
- LeetCode: Unique Paths I & II & Minimum Path Sum
Title: https://leetcode.com/problems/unique-paths/ A robot is located at the top-left corner of a m ...