简单谈一下HTML5

HTML5概述

万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改

20141029日,万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成.

谁在开发HTML5WHATWGW3CIETF

为了推动Web标准化运动的发展,一些公司联合起来,成立了一个叫做 Web Hypertext Application Technology Working Group Web超文本应用技术工作组 -WHATWG) 的组织。

2008122日 HTML 5 的第一份正式草案公布;

20121217日,万维网联盟(W3C)正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿;

201356日, HTML 5.1正式草案公布。

20141029日,万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成。

尽管HTML5标准的一些特性非常具有革命性,但是HTML5旨在进化而非革命。

HTML5规范是基于用户优先准则编写的,遇到冲突时,用户第一位,其次页面作者,再次浏览器,然后是规范制定者,最后是理论

HTML5要的就是简单,避免不必要的复杂性。改进如下:

1,以浏览器原生能力代替负责的JavaScript代码

2,新的简化的DocTYPE

3,新的简化的字符集申明

4,简单而强大的HTML5 API

无插件范式

HTML5 API

http://caniuse.com/ 按照浏览器的版本提供了详尽的HTML5功能支持情况

http://html5test.com/ 显示用户浏览器对HTML5的支持情况。

HTML5 新标签

canvas

标签

描述

<canvas>

标签定义图形,比如图表和其他图像。该标签基于 JavaScript 的绘图 API

多媒体

标签

描述

<audio>

定义音频内容

<video>

定义视频(video 或者 movie

<source>

定义多媒体资源 <video> 和 <audio>

<embed>

定义嵌入的内容,比如插件。

<track>

为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道。

表单

标签

描述

<datalist>

定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。

<keygen>

规定用于表单的密钥对生成器字段。

<output>

定义不同类型的输出,比如脚本的输出。

语义和结构

HTML5提供了新的元素来创建更好的页面结构:

标签

描述

<article>

定义页面的侧边栏内容

<aside>

定义页面内容之外的内容。

<bdi>

允许您设置一段文本,使其脱离其父元素的文本方向设置。

<command>

定义命令按钮,比如单选按钮、复选框或按钮

<details>

用于描述文档或文档某个部分的细节

<dialog>

定义对话框,比如提示框

<summary>

标签包含 details 元素的标题

<figure>

规定独立的流内容(图像、图表、照片、代码等等)。

<figcaption>

定义 <figure> 元素的标题

<footer>

定义 section 或 document 的页脚。

<header>

定义了文档的头部区域

<mark>

定义带有记号的文本。

<meter>

定义度量衡。仅用于已知最大和最小值的度量。

<nav>

定义运行中的进度(进程)。

<progress>

定义任何类型的任务的进度。

<ruby>

定义 ruby 注释(中文注音或字符)。

<rt>

定义字符(中文注音或字符)的解释或发音。

<rp>

在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。

<section>

定义文档中的节(section、区段)。

<time>

定义日期或时间。

<wbr>

规定在文本中的何处适合添加换行符。

已移除元素

以下的 HTML 4.01 元素在HTML5中已经被删除:

<acronym>

<applet>

<basefont>

<big>

<center>

<dir>

<font>

<frame>

<frameset>

<noframes>

<strike>

 

特性

语义特性(ClassSemantic

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

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

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

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

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

连接特性(Class: CONNECTIVITY

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

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

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

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

基于SVGCanvasWebGLCSS33D功能,用户会惊叹于在浏览器中,所呈现的惊人视觉效果。

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

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

CSS3特性(Class: CSS3)

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

posted on 2015-07-20 21:58  胡建东/医疗信息化  阅读(229)  评论(0编辑  收藏  举报