2、新增的HTML5原生功能
(1)新增的原生功能
Web应用程序是HTML5中最大的亮点,它原生地支持了一些只有在桌面应用中才能实现的功能。这些功能主要如下。
Canvas绘图: <canvas></canvas>是html5出现的新标签,像所有的dom对象一样它有自己本身的属性、方法和事件,其中就有绘图的方法,js能够调用它来进行绘图 ,最近在研读《html5与css3权威指南》下面对其中最好玩的canvas的学习做下读书笔记与实验。
Channel消息传送: channel的有用消息中包含接入原因的最简单指示,如主叫建立、响应寻呼、位置更新等,系统将据此选择是否准许接入以及分配何种类型的信道。但信道申请的具体原因,用户身份及移动设备的属性等不能完全包含在该消息中,这些消息会在CM service中进一步提供给系统。
跨文档消息传送: 有时候也简称为XDM,指的是来自不同域的页面间传递消息。例如,www.w3cmm.com域中的一个页面与一个位于内嵌框架中的p2p.w3cmm.com域中的页面通信。在XDM机制出现之前,更稳妥地实现这种通信需要花很多功夫。XDM把这种机制规范化,让我们能既稳妥有简单地实现跨文档通信。
本地储存: HTML5 storage提供了一种方式让网站能够把信息存储到你本地的计算机上,并再以后需要的时候进行获取。这个概念和cookie相似,区别是它是为了更大容量存储设计的。Cookie的大小是受限的,并且每次你请求一个新的页面的时候cookie都会被发送过去。HTML5的storage是存储在你的计算机上,网站在页面加载完毕后可以通过Javascript来获取这些数据。
本地数据库: HTML5的Web SQL Databases(html5 本地数据库)的确很诱惑人,可以用与mysql查询一样的查询语句来操作本地数据库,Web SQL Database API:openDatabase、transaction、executeSql。
Web工作线程: Web 应用功能的支持。其中,最重要的一个便是对多线程的支持
离线应用:在 HTML5 标准中,加入了新的多样的内容描述标签,直接支持表单验证、视频音频标签、网页元素的拖拽、离线存储和工作线程等功能。其中一个新特性就是对离线应用开发的支持。
(2)原生功能的优点
HTML5的原生功能不需要安装不安全的插件,而且能与页面中的其他元素无缝集成,安全性也高了很多。
(二)网站设计中运用到的一些HTML5新技术
1、HTML5 新的标记元素
HTML5提供了很多新的标记元素来表示和展现网页内容,最常见的就是article, aside, nav, detail, footer等,分别用来表示网页中的不同部分。比如说一个文章的内容,在HTML5中只需要写:<article></article>即可,而在传统HTML4中需要写成<div class="article"></div>。我们先看下面这张图。
2、 多媒体元素
多媒体元素可以说是HTML5非常重要的一点,用户可以直接通过代码<video src="xyz.ogv" type=video/ogg"></video> 来插入一个video,而在传统的HTML4中需要写<object type="video/ogg" data="xyz.ogv"><param name="src" value="xyz.ogv"></object>一长串代码。
3、表单元素
HTMl5添加了很多原生表单支持,如datalist, Keygen等等。
(三)CSS3的新功能
1、通过CSS3创建彩色的边框
W3C已经在CSS3中为边框提供了一些新的选项,这些选项即圆角边框、边框颜色之后,也是非常有趣的。Mozilla/Firefox已经实现了这个允许你创建很酷的彩色边框的函数
Code:-moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
2、Border-radius:用CSS创建圆角边框!
W3C已经在CSS3中提供了一些新的选项,border-radius是其中之一,Mozilla/Firefox和Safari 3都已经实现了这个允许你创建圆角盒模型的函数。
- 上一篇:ASP.net学生成绩管理系统设计+ER图+流程图
- 下一篇:ASP.net网络信息发布系统设计与实现+ER图+流程图
-
-
-
-
-
-
-
java+mysql车辆管理系统的设计+源代码
杂拟谷盗体内共生菌沃尔...
乳业同业并购式全产业链...
中考体育项目与体育教学合理结合的研究
当代大学生慈善意识研究+文献综述
大众媒体对公共政策制定的影响
电站锅炉暖风器设计任务书
酸性水汽提装置总汽提塔设计+CAD图纸
河岸冲刷和泥沙淤积的监测国内外研究现状
十二层带中心支撑钢结构...