H5新增特性

什么是H5

HTML5是HTML标准的第五次修订和最新版本。它提供的新功能不仅提供富媒体支持,而且还增强了对创建Web应用程序的支持,该Web应用程序可以比以前更轻松,更有效地与用户,其本地数据和服务器进行交互。

怎样声明H5文档

HTML5的文档类型非常简单。要表明您的HTML内容使用HTML5,只需使用:

<!DOCTYPE html>

H5有哪些新特性

1. 语义化标签

<header></header>
<nav></nav>
<section></section>
<footer></footer>
<article></article>

2. 增强型表单

<input type="email" />
//type属性:
  email
  url
  number
  range
  color
  date
  month
  week
  time

3. 新增表单元素

  • datalist元素
  • keygen元素
  • output元素

4. 新增表单属性

  • placehoder
  • required
  • min
  • max

  • 5. 多媒体:使视频和音频成为开放网络中的一流公民。
<video></video>
<audio></audio>

6. canvas
7. 地理定位
8. 拖拽
9. 本地存储
localStorage - 没有时间限制的数据存储
sessionStorage - 针对一个 session 的数据存储
10. 新事件

  • onrisize
  • ondrag
  • onscroll
  • onmousewheel
  • onerror
  • onplay
  • onpause

11. WebSocket

WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。

WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。

在 WebSocket API 中,浏览器和服务器只需要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。

你可能感兴趣的:(前端知识复习,html5,html)