H5基础

1. What HTML5?

       在说HTML5之前，先说一下什么是html？html是Hyper Text Markup Language（超文本标记语言）。那么什么又是产文本标记语言？个人理解就是用标记表示比普通文本更加牛X的文本。所以HTML5是HTML的最新版本。HTML5是用来表示更加NB一点的文本？答案是NO!!这只是对HTML5的狭隘的理解。所以，What HTML5?

HTML5≈HTML ↑+CSS ↑+ JavascriptAPI ↑广义上为新一代Web富客户端应用程序解决方案（指具有很强交互性的和体验的客户端程序）。

---

HTML5到底多了什么?

• HMTL5
  

• CSS

• Javascript

‍‍

HTML5‍‍

• 标签

• • 更加语义话标签

  • 应用程序标签
    

• 属性            

• • • 链接关系描述

    • 结构数据标记

    • ARIA

    • 自定义属性

• 智能表单

  • • 新的表单类型

    • 虚拟键盘适配

• 网页多媒体

  • • 音频

    • 视频

    • 字幕

• Canvas

  • • 2D

    • 3D (WebGL)

• SVG

• javascript

  • 核心平台提升

    • • 新的选择器

      • Element.classList

      • 访问历史API

      • 全屏AP

  • 网页存储

    • • Application Cache

      • localStorage

      • sessionStorage

      • WebSQL

      • IndexedDB

  • 设备信息访问

    • • 网络状态

      • 硬件访问

      • 设备方向

      • 地理围栏

  • 拖放操作

    • • 网页内拖放

      • 桌面拖入

      • 桌面拖出
        

  • 文件

    • • 文件系统API

      • FileReader

  • 网络访问

    • • XMLHttpRequest

      • fetch

      • WebSocket

  • 多线程

  • 桌面通知

‍CSS

• New Selector

• Web Fonts

• Text Styles

• Opacity

• HSL Color

• Rounded Corners

• Gradients

• Shadows

• Background Enhancements

• Border Image

• Flexible Box Model

• Transforms

• Transitions

• Animations

转载于:https://my.oschina.net/Gzavin/blog/632138