码迷,mamicode.com
首页 > Web开发 > 详细

HTML5新特性

时间:2015-09-14 13:41:18      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:

  HTML5草案前名身为Web Applications 1.0,是2004年由WHATWG提出,2007年获W3C接纳,并成立了新的HTML工作团队。在2008年1月22日第一份正是草案发布。

  HTML5新标准中直接添加了拥有具体含义的HTML标签。如<article><footer><header><nav><section>

  HTML5新标准中直接添加了职能表单。如calendar,date,time,email,url,search。

  在HTML5标准中原生的就支持音频、视频、画布等技术。让WEB程序更加独立,更好的使用多种形式的客户端。

  在HTML5提供了两种在客户端存储数据的新方法:localStorage(没有时间限制的数据存储)和sessionStorage(针对一个session的数据存储)。

  HTML5的canvas元素使用JavaScript在网页上绘制图像。并拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

  在不影响UI update及浏览器与用户交互的情况下,前端做大规模运算,只能通过setTimeout之类去模拟多线程。在新的标准中。JS新增的HTML5 WEB WORKER对象原声的就支持多线程。

  WebSockets是一个(TCP)接口进行双向通信的技术,PUSH技术类型。WebSocket是html5规范新引入的功能,用于解决浏览器与后台服务器双向通讯的问题。使用WebSocket技术,后台可以随时向前端推送消息,以保证前后台转台统一。

  HTML5取消了纯粹显示效果的标记,如<font>,<center>及属性acronym,applet,basefont,big,center,dir,font,frame.frameset,isindex,noframes,strike,tt。

  HTML添加了一些新的表单元素如data,email,url等及一些标签<section>,<video>,<progress>,<nav>,<meter>,<time>,<aside>,<canvas>等。

  文件声明类型仅有一种:<!DOCTYPE html>

  <section>:定义文档中的节。他用来表现普通的文档内容或应用区块,但section元素标签并非一个普通的容器元素,它表示一段专题性的内容,一般会带有标题。

<section>

  <h1>section简介</h1>

  <h2>章节1</h2>

  <article>

    <h2>关于section</h2>

    <p>section的介绍</p>

  </article>

</section>

  

  <article> 特殊的<section>标签,代表一个独立的完整的相关内容块。当描述一件具体的事物时,用<article>代替<section>。article会有标题部分,通常包含在<header>内。

  

  <nav>可以作为页面导航的链接组,其中的导航元素链接到其他页面或当前页面的其它部分,使html在语义方面更加精确,同时对于屏幕阅读器等设备的支持也更好。

  <aside>用来装载为正文的内容,被视为页面里面的一个单独的部分。它包含的内容与页面的主要内容是分开的,可以被删除的,而不影响到网页的内同、章节或页面所要传到的信息。可以是广告,侧边栏等。

  <header>可以在文档的页眉。通常是一些引导和导航信息。不局限于卸载网页头部,也可以写在网页内同里。通常<header>标签至少包含一个标题标记(h1-h6),还可以包括<hgroup>标签,还可以包括表格内容、标识、搜索表单、nav导航。

  <footer>定义<section>或document的页脚,包含了与页面、文章或是部分内容有关的信息。

  <hgroup>对网页或区段<section>的标题元素(h1-h6)进行组合

  <figure>对元素进行重组。多用于图片与图片描述组合

 <figure>

  <img src="" titile=""  />
  <figcaption>pic info</figcaption>

 </figure>

HTML5新特性

标签:

原文地址:http://www.cnblogs.com/forerver-elf/p/4794329.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!