什么是 HTML 5?

其实这个题目的意图是想知道你「会不会搜索」。

人人都在说 HTML 5,你却不知道 HTML 5 是什么。

为什么会这样?

因为你不知道哪里的前端知识是靠谱的,你只能听别人说。

今天我们介绍一个靠谱的前端知识来源——MDN(Mozilla Developer Network)。

谷歌搜索「HTML 5 MDN」即可搜到权威介绍

HTML 5 概览

HTML 5 是新版 Web 技术的集合,包含以下八个部分:

1. 语义升级

  • HTML 5 加了很多新的标签,使 HTML 更富有语义。
  • 升级了 iframe 标签,使其更安全。
  • 新增 MathML,是数学公式可以在 Web 中展现。

2. 服务器增强

  • 新增 Web Sockets
  • 新增 EventSource API
  • 新增 WebRTC

3. 离线储存

  • 新增 AppCache
  • online 与 offline 事件
  • localStorage 和 sessionStorage
  • IndexedDB
  • File API

4. 多媒体

  • Web 原生支持音视频播放
  • Camera API 可控制摄像头

5. 图像绘制

  • Canvas 可绘制图像和文本
  • WebGL 可渲染 3D 影像
  • SVG 可制作矢量图形

6. 更多集成

  • Web Workers 能够把 JavaScript 计算委托给后台线程
  • XMLHttpRequest 升级
  • History API 允许对浏览器历史记录进行操作
  • 新增 conentEditable 属性
  • 拖放 API、全屏 API、指针锁定 API
  • 可以使用 navigator.registerProtocolHandler() 方法把 web 应用程序注册成一个协议处理程序。
  • requestAnimationFrame 允许控制动画渲染以获得更优性能。

7. 设备相关 API

你现在可以用 JS 来处理摄像头、触控屏幕、地理位置等设备相关功能了。

8. 样式

CSS 全面升级。

H5 是什么?

H5 就是微信里面长得像 PPT、可以一页一页滑动的网页。

以上,就是 MDN 用法的介绍——获取靠谱知识。

作者:方应杭, 想学前端?进群

发表评论

电子邮件地址不会被公开。