Day 03
Author : ScorpioDong
1. HTML5 简介
- HTML5是HTML的最新修订版本，2014年10月由万维网联盟(W3C)完成标准制定。
- HTML5的设计目的是为了在移动设备上支持多媒体
- 相比于HTML，HTML5有很多新的特性
- 新元素
- 新属性
- 完全支持CCS3
- Video和Audio
- 2D/3D制图
- 本地存储
- 本地SQL数据
- Web应用
2. HTML5 新元素
-
<canvas>: 定义图形，基于JavaScript绘图API -
<audio>: 定义音频内容 -
<video>: 定义视频 -
<source>: 定义多媒体资源 -
<embed>: 定义嵌入的内容，如插件 -
<track>: 为<video>之类的媒介规定外部文本轨道 -
<datalist>:定义选项列表 -
<******>: 规定表单秘钥生成器字段 -
<output>: 定义不同类型输出 -
<article>: 定义页面独立内容区域 -
<aside>: 定义页面侧边栏内容 -
<bdi>: 设置一段文本，脱离父元素文本方向设定 -
<command>: 定义命令按钮 -
<details>: 描述文档 -
<dialog>: 定义对话框 -
<summary>: 包含details元素标题 -
<figure>: 规定独立的流内容 -
<figcaption>: 定义figure元素标题 -
<footer>: 定义文档页脚区域 -
<header>: 定义文档头部区域 -
<mark>: 定义带记号的文本 -
<meter>: 定义度量衡 -
<nav>: 定义导航链接部分 -
<progress>: 定义任何类型的任务进度 -
<ruby>: 定义ruby注释 -
<rt>: 定义字符解释或发音 -
<rp>: 在ruby注释中使用 -
<section>: 定义文档中的节 -
<time>: 定义日期和时间 -
<wbr>: 规定文本中何处添加换行符
3. HTML5 视频
- 现如今，没有一项规定在网页显示视频的标准
- flash是以前较常用的解决方案，但现已不再受更新支持
- HTML5规定了一种通过video元素来包含视频的标准方法
-
<video>可用的视频格式- MP4 : type = “video/mp4”
- WebM : type = “video/webm”
- Ogg : type = “video/ogg”
4. HTML5 音频
- 现如今，没有一项规定在网页播放音频的标准
- flash是以前较常用的解决方案，但现已不再受更新支持
- HTML5规定了一种通过audio元素来包含音频的标准方法
-
<audio>可用的音频格式- MP3 : type = “audio/mpeg”
- Ogg : type = “audio/ogg”
- Wav : type = “audio/wav”