HTML5
来源:互联网 发布:vbs把参数传递给java 编辑:程序博客网 时间:2024/06/08 06:10
HTML5都有哪些功能?
- 博客分类:
- HTML5
HTMLHTML5
What's new in HTML5?
参考自:HTML5:MDN
语义
1.HTML5中的节段和外观元素。<section>,<article>,<nav>,<header>,<footer>,<aside>
2.HTML5中的视频和音频。<video>和<audio>
。
3.HTML5中的表单。新增的表单输入类型、表单元素和表单属性。
新增表单输入类型:
input的type输入类型type="email"输入email地址,在提交表单时,会自动验证 email 域的值。type="url"输入URL 地址。在提交表单时,会自动验证 url 域的值。type="number"定义数字type="range"range 类型显示为滑动条,用于应该包含一定范围内数字值的输入域type="date"日期选择器type="search"search 类型用于搜索域,比如站点搜索或 Google 搜索。search 域显示为常规的文本域新增的表单元素:
<datalist>:定义下拉列表,和<option>配合使用。<keygen>:密钥对生成器。<output>:output 元素用于不同类型的输出,比如计算或脚本输出。
新增的form标签属性:
autocomplete属性(自动完成)和novalidate属性(规定在提交表单时不应该验证 form 或 input 域)。
4.其他新的语义元素。<mark> <figure> <figcaption> <time> <progress> <meter>
。
5.<iframe>
改进。使用 sandbox, seamless, 和 srcdoc 属性,作者们现在可以精确控制 <iframe>
元素的安全级别以及期望的渲染。
6.MathML。允许直接嵌入数学公式。
连通性
- Web Sockets。 允许在页面和服务器之间建立持久连接并通过这种方法来交换非 HTML 数据。
- Server-sent events。 允许服务器向客户端推送事件,而不是仅在响应客户端请求时服务器才能发送数据的传统范式。
- WebRTC。 这项技术,其中的 RTC 代表的是即时通信,允许连接到其他人,直接在浏览器中控制视频会议,而不需要一个插件或是外部的应用程序。
离线和存储
- 离线资源:应用程序缓存。 火狐全面支持 HTML5 离线资源规范。其他大多数针对离线资源仅提供了某种程度上的支持。
- 在线和离线事件。 Firefox 3 支持 WHATWG 在线和离线事件,这可以让应用程序和扩展检测是否存在可用的网络连接,以及在连接建立和断开时能感知到。
- WHATWG 客户端会话和持久化存储 (又名 DOM 存储)。 客户端会话和持久化存储让 web 应用程序能够在客户端存储结构化数据。
- IndexedDB。 是一个为了能够在浏览器中存储大量结构化数据,并且能够在这些数据上使用索引进行高性能检索的 Web 标准。
- 自 web 应用程序中使用文件。 对新的 HTML5 文件 API 的支持已经被添加到 Gecko 中,从而使 Web 应用程序可以访问由用户选择的本地文件。这包括使用 type file 的
<input>
元素的新的 multiple 属性针对多文件选择的支持。 还有 FileReader。
多媒体
- 使用 HTML5 音视频。
<audio> 和 <video>
元素嵌入并支持新的多媒体内容的操作。 - WebRTC。 这项技术,其中的 RTC 代表的是即时通信,允许连接到其他人,直接在浏览器中控制视频会议,而不需要一个插件或是外部的应用程序。
- 使用 Camera API。 允许使用,操作计算机摄像头,并从中存储图像。Allows to use, manipulate and store an image from the computer's camera.
- Track 和 WebVTT。
<track>
元素支持字幕和章节。WebVTT 一个文本轨道格式。
2D/3D绘图和效果
- Canvas
- SVG
性能和集成
- Web Workers。 能够把 JavaScript 计算委托给后台线程,通过允许这些活动以防止使交互型事件变得缓慢。
- XMLHttpRequest Level 2。 允许异步读取页面的某些部分,允许其显示动态内容,根据时间和用户行为而有所不同。这是在 Ajax背后的技术。
- 即时编译的 JavaScript 引擎。 新一代的 JavaScript 引擎功能更强大,性能更杰出。
- History API。 允许对浏览器历史记录进行操作。这对于那些交互地加载新信息的页面尤其有用。
- conentEditable 属性:把你的网站改变成 wiki ! HTML5 已经把 contentEditable 属性标准化了。了解更多关于这个特性的内容。
- 拖放。 HTML5 的拖放 API 能够支持在网站内部和网站之间拖放项目。同时也提供了一个更简单的供扩展和基于 Mozilla 的应用程序使用的 API。
- HTML 中的焦点管理。 支持新的 HTML5 activeElement 和 hasFocus 属性。
- 基于 Web 的协议处理程序。 你现在可以使用 navigator.registerProtocolHandler() 方法把 web 应用程序注册成一个协议处理程序。
- requestAnimationFrame。 允许控制动画渲染以获得更优性能。
- 全屏 API。 为一个网页或者应用程序控制使用整个屏幕,而不显示浏览器界面。
- 指针锁定 API。 允许锁定到内容的指针,这样游戏或者类似的应用程序在指针到达窗口限制时也不会失去焦点。
- 在线和离线事件。 为了构建一个良好的具有离线功能的 web 应用程序,你需要知道什么时候你的应用程序确实离线了。顺便提一句,在你的应用程序又再回到在线状态时你也需要知道。
设备访问
- 使用 Camera API。 允许使用和操作计算机的摄像头,并从中存取照片。
- 触控事件。 对用户按下触控屏的事件做出反应的处理程序。
- 使用地理位置定位。 让浏览器使用地理位置服务定位用户的位置。
- 检测设备方向。 让用户在运行浏览器的设备变更方向时能够得到信息。这可以被用作一种输入设备(例如制作能够对设备位置做出反应的游戏)或者使页面的布局跟屏幕的方向相适应(横向或纵向)。
- 指针锁定 API。 允许锁定到内容的指针,这样游戏或者类似的应用程序在指针到达窗口限制时也不会失去焦点。
样式设计
- 新的背景样式特性。 现在可以使用 box-shadow 给逻辑框设置一个阴影,而且还可以设置 多背景。
- 更精美的边框。 现在不仅可以使用图像来格式化边框,使用 border-image 和它关联的普通属性,而且可以通过 border-radius 属性来支持圆角边框。
- 为你的样式设置动画。 使用 CSS Transitions 以在不同的状态间设置动画,或者使用 CSS Animations 在页面的某些部分设置动画而不需要一个触发事件,你现在可以在页面中控制移动元素了。
- 排版方面的改进。 作者拥有更高的控制已达到更佳的排版。他们不但可以控制 text-overflow 和 hyphenation, 而且也可以给它设置一个 阴影 或者更精细地控制它的 decorations。感谢新的 @font-face 规则,现在我们可以下载并应用自定义的字体了。.
- 新的展示性布局。 为了提高设计的灵活性,已经有两种新的布局被添加了进来:CSS 多栏布局, 以及 CSS 灵活方框布局。
0 0
- HTML5
- Html5
- HTML5
- HTML5
- HTML5
- HTML5
- html5
- html5
- HTML5
- html5
- HTML5
- HTML5
- HTML5
- Html5
- HTML5
- Html5
- html5
- HTML5
- 使用Powermock和mockito来进行单元测试
- LCA最近公共祖先算法
- 求二叉树的宽度
- CString/string char区别及其转化
- ios 开发之使用Reachability检测网络状态
- HTML5
- IOS:界面适配
- linux安装apache
- 使用ffpmeg提取视频截图
- MFC关闭窗口事件
- Redis回头翻译
- 基于CUDA的JPEG解码
- 3.17、C++程序设计实例
- eclipse hadoop2.4.1插件开发