尽管还有很长的路要走,但HTML 5已经开始吸引越来越多的人的目光。大型社交网站Facebook已经开始切换其视频部分到HTML 5、Google文档的离线模式被HTML 5所取代、Youtube宣布开放HTML 5视频功能......这些变化,使我们能够感觉到HTML 5正在潜移默化的进行着对互联网的革命。
成都创新互联公司于2013年成立,是专业互联网技术服务公司,拥有项目成都网站建设、成都网站制作网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元高碑店做网站,已为上家服务,为高碑店各地企业和个人服务,联系电话:18980820575
2007年,HTML 5向W3C标准进军,HTML 5的使命是实现富Web应用的本地化,脱离浏览器插件的羁绊。W3C于2008年1月推出HTML 5的第一份草案,而HTML 5标准的全部实现也许要到2022年以后。
什么是HTML 5
HTML 5是继HTML 4.01,XHTML 1.0和DOM2 HTML后的又一个重要版本,旨在消除富Internet程序(RIA)对Flash,Silverlight,JavaFX一类浏览器插件的依赖。
HTML 5概要
HTML 5带来很多新功能,以及HTML代码上的改变,你需要使用一些特定的API脚本,如:
◆DOM
◆实现2D绘图的Canvas对象
◆可控媒体播放
◆离线存储
◆文档编辑
◆拖放
◆跨文档消息
◆浏览器历史管理
◆MIME类型和协议注册
那些支持HTML 5的浏览器在处理HTML代码错误的时候必须更灵活,而那些不支持HTML 5的浏览器将忽略HTML 5代码。
HTML语法的变化
HTML 5引入了新的HTML元素和属性,有的是传统通用元素的语义化版本,如取代div元素的nav,footer等元素,也有一些全新的元素,如audio,video。一些在HTML 4中不被推荐使用的元素,如font和center将被弃用。HTML 5引入的新HTML元素包括:
◆article:文章
◆aside:内容旁边的侧边栏内容
◆audio:音频
◆canvas:2D绘图
◆command:命令按钮
◆datalist:下拉选择框
◆details:对象的细节
◆dialog:对话框
◆embed:外部插件或对象
◆figure:一组媒体对象以及标签文字
◆footer:页脚
◆header:页首
◆hgroup:文档某一部分的信息
◆keygen:表单生成的Key
◆mark:标注的文字
◆meter:预先定义的范围内的度量
◆nav:导航条
◆output:输出
◆progress:进度条
◆rp:标识rubby内容
◆rt:rubby内容的解释
◆ruby:rubby内容
◆section:定义一个部分
◆source:媒体的资源
◆time:日期时间
◆video:视频
这些新标签,可以让你的HTML文档更容易加载,且更容易被搜索引擎抓取其中的有用信息。比如,搜索引擎可以直接抓取它最关心的article标签里面的内容。关于HTML 5语法更多内容,请参阅:解读HTML 5新语法 提高语义价值
HTML 5同那些流行的技术如何共存
如今的Web世界已经习惯了各种插件和API,HTML 5为Web开发与设计者带来了方便与不便,HTML 5将如何同现在的这些流行技术共存?
HTML 5与Flash
这个争论由来已久,Flash被某些开发设计者滥用导致一些网页加载缓慢,而HTML 5为之带来一线曙光。拿仍在襁褓中的HTML 5和已经有10年历史的Flash进行比较也许有失公允,但这是人人都关心的一个问题。相对Windows用户来说,Mac用户可能会从HTML 5获得更多好处,因为苹果一直不愿支持Flash。下面是Mike Chambers针对Mac和Windows平台浏览器的CPU负载而做的一部分测试:
测试显示,Mac平台的Flash表现要差于Windows平台,这还取决于你使用的浏览器。现在看来,就视频游戏而言,Flash是更好的选择,但取决于你的浏览器,如果你的视频不是很复杂,HTML 5是更好的选择。Web开发与设计者从这些争论中应该吸取的东西是,Flash之外还有别的选择,但Flash有牢固的地盘,在为客户提供开发设计的时候,需要对他们的目标客户做一些研究。
关于HTML 5与Flash的争论,各方也持有不同的观点,之前也曾报导过很多这样的文章,比如当Flash遇到HTML 5 互联网视频倾向哪方?、HTML 5来临 Flash死亡倒计时?、HTML 5代表未来 插件不会销声匿迹等等。
HTML 5与IE9
IE9经常高调宣扬它对HTML 5的兼容,不过,它确实将是一个很好地支持HTML 5的浏览器,因为,IE9使用Windows现代图形API以及PC的图形加速卡输出文字和图形。在三月份的MIX展会,微软还宣称,IE9将支持GPU加速的HTML 5,将图形滚动,3D图形显示等处理交由图形加速卡。
HTML 5与Ajax
现在的HTML语言的一个问题是,它是一种轻量级的应用界面,那些喜欢使用Ajax实现在线应用的开发者会发现HTML非常不好用。Ajaxwith.com认为,HTML适合用来加载界面,JavaScript用来执行命令,虽然HTML在作为界面语言方面并不好用,但鉴于多数开发者对它的熟悉程度,HTML还是不可缺少。一个好消息就是,HTML 5会让Ajax应用的实现变得更容易。
HTML 5 with CSS
你需对你的CSS代码就行整理以支持HTML 5,因为h1,h2之类的标签将不再使用,为了实现同HTML 5的兼容,最好的方式是使用CSSreset,将那些常见的HTML标签的CSS属性清零,woork认为,最好的CSSReset是EricMeyersCSSreset。(相关文章推荐:揭秘HTML 5和CSS3 Web实现飞跃的踏板)
HTML 5优劣谈
HTML 5可能对移动Web带来更多好处,原因是,现在的移动Web,iPhone占主导地位,而iPHone以及刚刚上市不久的iPad是不支持Flash的。HTML 5还会让其它平台的移动浏览器有更快的网页加载速度。另一个好处是SEO,Google在4月9号宣布,将页面加载速度作为搜索排名的一个因素,因此,基于HTML 5的页面也会因加载速度更快而受益。
不过,和任何新技术的降临一样,其中也会牵扯到一些问题,对Web设计者而言,最大的一个问题就是因为这些新标签的引入,各浏览器之间将缺少一种统一的数据描述格式。在HTML 5被广泛采用之前,我们还无法完全知道HTML 5代码将带来的好与坏,总体来说,对开发者而言,这将是一个巨大的变化,而对图形设计师而言,还不明朗。
【编辑推荐】
本文名称:HTML5:实至名归还是言过其实?
网址分享:http://www.shufengxianlan.com/qtweb/news1/1451.html
网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联