HTML5特性

语义特性(Class:Semantic)

HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的,微数据与微格式等方面的支持,构建对程序、对用户都更有价值的数据驱动的Web。

本地存储特性(Class: OFFLINE  STORAGE)

基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,这些全得益于HTML5 APP Cache,以及本地存储功能。Indexed DB(html5本地存储最重要的技术之一)和API说明文档。

设备兼容特性 (Class: DEVICE ACCESS)

从Geolocation功能的API文档公开以来,HTML5为网页应用开发者们提供了更多功能上的优化选择,带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连,例如视频影音可直接与microphones及摄像头相联。

连接特性(Class: CONNECTIVITY)

更有效的连接工作效率,使得基于页面的实时聊天,更快速的网页游戏体验,更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术,Server-Sent Event和WebSockets就是其中的两个特性,这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能。

网页多媒体特性(Class: MULTIMEDIA)

支持网页端的Audio、Video等多媒体功能, 与网站自带的APPS,摄像头,影音功能相得益彰。

三维、图形及特效特性(Class: 3D, Graphics  Effects)

基于SVG、Canvas、WebGL及CSS3的3D功能,用户会惊叹于在浏览器中,所呈现的惊人视觉效果。

性能与集成特性(Class: Performance  Integration)

没有用户会永远等待你的Loading——HTML5会通过XMLHttpRequest2等技术,帮助您的Web应用和网站在多样化的环境中更快速的工作。

CSS3特性(Class: CSS3)

在不牺牲性能和语义结构的前提下,CSS3中提供了更多的风格和更强的效果。此外,较之以前的Web排版,Web的开放字体格式(WOFF)也提供了更高的灵活性和控制性。

时间: 2024-10-07 14:59:38

HTML5特性的相关文章

SharePoint 2013的HTML5特性之响应式布局

今天偶然看到一本书<Pro SharePoint 2013 Branding and Responsive Web Development>,看到SharePoint 2013基于HTML5的响应式的布局,就简单的尝试了一下,感觉还不错.当页面在不同的浏览器可视区域上浏览的时候,会通过不一样的css文件来进行展示,使用户在浏览页面中能尽可能的达到最佳体验. 下面简单看看效果,在1380px浏览器可视区域中浏览,下面的css生效: (浏览器的可视区域为1380) 在920px浏览器可视区域中浏览

使用html5特性--ajax上传文件

在html5以前,ajax上传文件算是一个比较麻烦的事,要是想显示一下上传进度就更不容易.遇到这种情况往往需要借助于第三方插件,比如jquery.fileupload.js.如今html5已经技术已经变成一个非常流行.非常新潮的技术了,各个浏览器厂商也实现了不少的html5规范,如今文件上传有了html5的支持已经变的相当容易了,我自己尝试了一下用javascript原生的api来实现ajax上传文件,为了页面不至于太丑,我使用了bootstrap的一些组件,先上效果图: 实现的功能介绍: aj

HTML5特性检測

HTML5特性检測: 1.检測全局对象:诸如window或navigator是否拥有特定的属性 2.创建元素:检測该元素的DOM对象是否拥有特定的属性 3.创建元素:检測该元素的DOM对象是否拥有特定的方法 4.创建元素:赋予该元素的DOM对象设定的属性值,检測浏览器 是否保留该属性值 Modernizr:HTML5特性检測库,用于检測浏览器是否支持HTML5 和CSS3特性.下载Development版http://www.modernizr.com/ eg. Ⅰ.检測浏览器是否支持canva

二十八个 HTML5 特性与技巧

1. New Doctype  你还在使用令人讨厌的难记的XHTML文档类型声明吗?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>如果还在用,为什么呢?如同Douglas Quaid所说,转到新的HTML5这种文档类型吧,它会使你看起来更年轻.实际上,你当真知道XHTML的文档类型声明

浏览器对HTML5特性检测工具Modernizr

最近在做公司移动端运营的项目,需求中多处地方都会涉及动画.相信很多前端开发都会有这种感触,对CSS3中的动画属性很熟悉,但是由于对动画运动过程的理解不深入,经常只能望而止步.CSS3中动画这在Web页面中具有点睛之笔,让人眼前一亮,这段时间我会抽空来整理关于动画这块的知识点,希望能在总结的同时分享给有需要的朋友们,如果有什么好的建议和想法欢迎相互交流学习.无论是动画还是别的CSS3的新特性在移动端都能得到很好的支持,可是对于PC端来说,有那么些不太友好的浏览器(比如万恶的IE9-)无法支持CSS

前端开发中需要注意的html5特性

HTML5已经火了一段时间了,相信作为web相关开发工程师,肯定或多或少的了解和尝试过一些HTML5的特性和编程.还记得以前我们介绍过的HTML5新标签. 作为未来前端开发技术的潮流和风向标,HTML5绝对不容忽视. 在今天这篇技术分享文章中,我们将介绍几个HTML5的重要特性,能够帮助你提高整个web应用的使用体验和开发效率,相信大家会感兴趣的! 特性一:正则表达式 相信大家都会非常喜欢这个特性,无须服务器端的检测,使用浏览器的本地功能就可以帮助你判断电子邮件的格式,URL,或者是电话格式,防

了解html5特性 H5二八杠牌九源码搭建出售教程

HTML5开发技术是互联网行业当中的一次伟大的改革,它的到来,预示着一个新时代的到来,各种以HTML5为基础的应用纷纷闪亮登场,微信小程序的狂潮就是在这种情况下产生的.同时,HTML5的出现,H5二八杠牌九源码搭建出售Q-2189563389也为Web前端开发技术增添了一道亮丽的光彩.在HTML5到来之前,前端开发人员想要实现同样的功效,就必须要不断的重复编写代码,调试,更新,耗费较多的时间.而随着HTML5时代的到来,这一切都变得十分简单. 什么是HTML5? HTML是万维网的核心语言,即超

HTML5 特性

1.降低插件的重要性 过去,很多功能只能通过插件或hack(本地绘图API和本地Socket等)来实现,而html5提供了对这些功能的原生支持.只需浏览器支持相应的HTML5标签,如<audio>和<video>等各种标签,不需要插件. 2.支持动态生成图像 在HTML5中,图像可能并不是直接来自图像文件,而是由某个canvas(画布)对象临时生成的. 3.允许web程序利用本地存储 4.简化web开发的数据提取 HTML5的微格式(microformat)引入了一种新的机制,它在

Html5特性及简介