html5标准新特性
总的来说,html5带给我们的,除了激动,依然是激动。HTML 5旨在改进HTML的协同工作能力,增加了急需的页面内容描述。它还增加了HTML 4对页面程序所缺乏的特性。让我们来看看HTML 5将会为我们带来什么激动人心的新特性。先看看以下几个特性:
1、新的HTML元素,增强描述内容的能力
HTML的主任务是描述页面的架构,例如在<p></p>元素之间的文本内容,HTML将告诉浏览器这些文本是一个段落。而在HTML 5中将增加更多的HTML组件,给网页开发者提供更好的,更精确的方式来描述数据对象。该布局的问题是,对于浏览器来说,所有的一切都是一个<div>元素。浏览器将平等对待<div>元素里面的内容,因为他无法进行区分,包括“级别”和“标识”,比如content, sidebar,和footer不同的网站内容各不相同。而用HTML5的方式,浏览器就能区分各个部分,页面的主要内容在<article>元素中,导航栏在<nav>元素中等等。除了更清晰和更符合语意的标记,它还增强了标记的互用性,比如搜索引擎能更精确的确定页面上什么内容比较重要,它可以忽略掉<nav>元素和<footer>里的内容,因为他们通常不包含页面的重要内容,提高了搜索引擎的效率。
另外对于页面开发者来说,他们能更简单统计页面的数据,比如统计视频数量时只需在<video>元素里统计就行。对于手持设备等主要进行文章浏览时,可以直接定位到<article>元素中的内容。
2、改进页面表格操作
当今的网页基本上都离不开表格,在HTML 5中将包含一个达改进叫Web Forms 2.0, 用来描绘如何进行页面表格操作。其中最打的特点就是“表格确认”。当前,开发者通常使用JavaScript(客户端)和PHP(服务端)代码来确认输入的内容。比如,一些页面的表格中的必填内容:
当今的网页基本上都离不开表格,在HTML 5中将包含一个达改进叫Web Forms 2.0, 用来描绘如何进行页面表格操作。其中最打的特点就是“表格确认”。当前,开发者通常使用JavaScript(客户端)和PHP(服务端)代码来确认输入的内容。比如,一些页面的表格中的必填内容
而在HTML 5中无需使用确认脚本,它将提供额外的元素属性,比如required和email 属性,能自动检查用户名和Email栏不是空白的,而且Email地址格式是有效的。
3、新的API让页面程序开发更简单
HTML 5中将为新元素和现有的元素提供更多的API,旨在改进页面程序开发和增加HTML 4所缺乏的特性。比如,一个视频和音频方面的API将与<audio>和<video>元素一起使用,它将提供视频和音频回放能力,而无需依赖第三方程序,比如Flash。
4、<canvas>元素可以使图像脚本更灵活
如下图,通常我们发布的图表都是通过使用图片编辑器来完成,一旦数据有了改变,你只能再次处理新的图片。在<canvas>元素的协助下,一旦数据有所改变,你可以通过各种脚本来修改饼状统计图(和其他图表)的数据。
5、用户可以编辑网页的部分内容
HTML 5中的User Interaction 用来描述页面内容交互工作的新方式。它的contenteditable 属性可以让开发者决定,页面哪部分内容允许进行用户更改,这对于wiki类的网站更为有用。
W3C工作小组有望在2012年公布html5标准,但这并不意味这我们还要等这么长的时间,才能开始使用HTML 5中的新特性。许多主流的浏览器已经开始支持<canvas>等元素,比如Firefox1.5版以后就开始支持。而微软的浏览器Internet Explorer 9和Google的Chrome新版浏览器都已经开始支持HTML5了,要了解你的浏览器html5得分吗?到这个网站去测试一下看看得分是多少,表中每个功能对应一分或以上,得分的最大数量是160分。
声明:在HTML5的测试分数只是了解你的浏览器支持即将到来的HTML5的标准的指标。它并不试图通过HTML5的测试提供的所有新功能,也没有试图以测试它的对每个功能的检测。我们希望通过量化的支持用户和网络开发水平将得到提升,帮助浏览器制造商努力改善他们的浏览器作为一个开放平台。
本文网址:http://www.adamsem.com/webdesign/html5-biaozhunxintexing.html
Adam推荐阅读TOP10
2011-06-27Google图片搜索用户体验前进一大步
2011-05-18h1标签的正确用法
2011-01-04网站是做给谁看的
2010-12-14网页标题如何优化
2010-12-11微博分享栏目上线啦
2010-12-11多语言网站优化的选择
2010-09-17IE9发布,本工作室网站设计不再支持
2010-09-12东莞企业需要什么样的网站
2010-09-05几款开源CMS系统推荐
2010-08-22CSS视觉隐藏Flash页面的文本及链接
最吸引网友眼球TOP10
2010-09-05几款开源CMS系统推荐
2010-08-16懒人助手:Table转div+css工具Tabl
2011-07-04RGB色值对应表
2010-06-28CSS3带给我们的震撼
2011-02-26Wordpress头部代码精简
2010-09-17IE9发布,本工作室网站设计不再支持
2011-05-18h1标签的正确用法
2011-03-08解决dedecms首页默认带index.html的
2011-04-27未知高度div+css自动垂直居中
2011-06-015uCMS频道页分页
随机阅读
2010-08-24百度排名恢复
2010-12-14网页标题如何优化
2011-05-21某网站优化分析
2010-09-06百度排名优化观点
2011-01-07给急于看到排名效果的客户的建议
2011-06-27Google图片搜索用户体验前进一大步
2010-06-27网页设计与SEO
2010-09-19东莞网络推广手法浅析
2011-03-03SEO在未来几年内将成为企业网络推广的
2010-08-06网站优化之IIS开启Gzip压缩
2010-10-07常见http状态码说明
2011-04-11网络营销中产品的定价策略
2012-01-11网站将要迎接一次全新改版
2010-08-20东莞阳光网的网站优化分析
2010-12-12网站定位及关键词的选择
2011-05-15网上销售价格策略
2010-09-03SEO服务缺乏相应行业标准
2010-12-29外链更需重视质量
2011-06-09html5-用户体验与SEO的福音
2010-06-25长尾关键词在SEO中的应用
