庶几何时,HTML5 开始吸引越来越多的人的目光,尽管 W3C 表示,它的最终成熟还有很长的路,然而并不能阻止人们对它的期待。2007年,HTML5 向 W3C 标准进军,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代码会带来的好坏。总的来说,对开发者来说会是一个很大的改变,但对平面设计师来说就不清楚了。