18910140161

HTML5:实至名归还是言过其实?

顺晟科技

2021-06-16 10:09:00

185

随着几何的发展,HTML5开始吸引越来越多的人的注意力。虽然W3C说还有很长的路要走,但也不能阻止人们对它的期待。2007年,HTML5向W3C标准进军,其使命是本地化丰富的Web应用,摆脱浏览器插件的羁绊。W3C在2008年1月推出了HTML5的初稿,HTML5标准的全面实施可能在2022年以后。

HTML5是什么

HTML5是继HTML4.01、XHTML 1.0、DOM 2 HTML之后的又一重要版本,旨在消除丰富的互联网程序(RIA)对Flash、Silverlight、JavaFX等浏览器插件的依赖。

HTML5摘要

HTML5给HTML代码带来了很多新的功能和变化。您需要使用一些特定的应用编程接口脚本,例如:

* DOM

*绘图的画布对象

*可控媒体播放

*离线存储

*文档编辑

*拖放

*跨文档消息

*浏览器历史管理

* MIME类型和协议注册

那些支持HTML5的浏览器在处理HTML代码错误时一定要更加灵活,而那些不支持HTML5的浏览器会忽略HTML5代码。

超文本标记语言语法的变化

HTML5引入了新的HTML元素和属性,有些是传统通用元素的语义版本,比如nav、页脚等元素代替div元素,有些是新的元素,比如Audio、Video。HTML4中不推荐的一些元素,比如字体、居中等都会被丢弃。HTML5引入的新HTML元素包括:

*文章:文章

*一旁:内容旁边的侧栏内容

*音频:音频

*画布:2d绘图

*命令:命令按钮

*数据列表:下拉选择框

*详细信息:对象的详细信息

*对话框:对话框

*嵌入:外部插件或对象

*图:一组媒体对象和标签文本

*页脚:页脚

*页眉:页面顶部

* hgroup:文档某一部分的信息

* Keygen:表单生成的密钥

*标记:标记的文本

*米:预定范围内的测量值

*导航:导航栏

*输出:输出

*进度:进度条

* rp:识别垃圾内容

* rt:垃圾内容的解释

* ruby:垃圾内容

*部分:定义一个部分

*来源:媒体资源

*时间:日期和时间

*视频:视频

这些新标签可以使您的HTML文档更容易加载,并使搜索引擎更容易获取有用的信息。例如,搜索引擎可以直接抓取它最关心的文章标签中的内容。

HTML5如何与那些流行的技术共存

现在的Web世界已经习惯了各种插件和API。HTML5给Web开发人员和设计人员带来了方便和不便。HTML5将如何与这些流行技术共存?

HTML5和Flash

这场争论由来已久。Flash被一些开发者和设计者滥用,导致一些网页加载缓慢,HTML5带来一丝曙光。把还处于起步阶段的HTML5和已经有10年历史的Flash相提并论可能不太公平,但这是一个大家都关心的问题。相比Windows用户,Mac用户可能会从HTML5中获得更多好处,因为苹果一直不愿意支持Flash。以下是迈克钱伯斯对Mac和Windows平台上浏览器CPU负载测试的一部分:

测试表明,Mac平台的Flash性能比Windows平台差,这取决于你使用的浏览器。现在就视频游戏来说,Flash是比较好的选择,但是看你的浏览器,如果你的视频不是很复杂的话,HTML5是比较好的选择。Web开发人员和设计人员应该从这些争论中吸取的教训是,除了Flash还有其他选择,但是Flash有坚实的地方,在为客户提供开发设计时,需要对自己的目标客户做一些研究。

HTML5和IE 9

IE9经常宣传其与HTML5的兼容性,但真的会是很好支持HTML5的浏览器,因为IE9使用Windows现代图形API和PC图形加速器卡输出文字和图形。在3月份的MIX展会上,微软还宣布IE9将支持GPU加速的HTML5,并将图形滚动和3D图形显示转移到图形加速卡上。

HTML5和Ajax

当前HTML语言的一个问题是它是一个轻量级的应用程序接口,喜欢用Ajax实现在线应用程序的开发人员会发现HTML非常难用。根据Ajaxwith.com的说法,超文本标记语言适合加载接口,而超文本标记语言适合执行命令。虽然HTML作为一种界面语言并不容易使用,但是HTML是不可或缺的,因为大多数开发人员都很熟悉它。

好消息是HTML5将使Ajax应用程序的实现更加容易。

HTML5带CSS

你需要整理你的CSS代码来支持HTML5,因为像H1 h1,h2这样的标签将不再被使用。为了达到与HTML5的兼容性,更好的办法是使用CSS Reset来重置常见HTML标签的CSS属性。伍克认为更好的CSS重置是埃里克迈耶斯CSS重置。

HTML5的优缺点

HTML5可能会给移动Web带来更多的好处,因为iPHone是占主导地位的移动Web,iPhone不支持Flash。HTML5还会让其他平台的手机浏览器网页加载速度更快。另一个优势是SEO。谷歌4月9日宣布,将页面加载速度作为搜索排名的一个因素。所以基于HTML5的页面也会受益于更快的加载速度。

但是,像任何新技术的出现,都会涉及到一些问题。对于Web设计师来说,更大的问题是由于这些新标签的引入,会导致浏览器之间缺乏统一的数据描述格式。

在HTML5被广泛采用之前,我们还不能完全知道HTML5代码会带来的好坏。总的来说,对开发者来说会是一个很大的改变,但对平面设计师来说就不清楚了。

我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航