HTML5标签与属性

• HTML5 不基于 SGML，所以不需要引用 DTD（HTML 4.01 基于 SGML）

结构标签

• 标记定义一篇文章
• 标记定义一个页面或一个区域的头部
• 标记定义导航链接
• 标记定义一个区域
• 标记定义页面内容部分的侧边栏
• 标记定义文件中一个区块的相关信息

• 标记定义一组媒体内容以及它们的标题

• 标记定义 figure 元素的标题。
• 标记定义一个页面或一个区域的底部
• 标记定义一个对话框(会话框)类似微信

多媒体标签

• video：视频
  兼容性：
  1、safari支持mp4、不支持webm和ogv
  2、ie8（包含）以下都不支持 video 标签
  3、ie9 支持 video 标签（但只支持 mp4 ）

video-API

1. play()：控制 video 标签让其播放，但在 chrome 下不允许有声自动播放
2. pause()：控制 video 标签让其暂停
3. duration：返回 video 的总长度（以秒的形式）
4. currentTime：设置或返回当前的 video 长度（以秒的形式）
5. src：设置 video 的来源
6. volume：设置 video 的声音 （0 - 1）
7. controls：设置 video 的控件
8. muted：设置静音，但这个属性不会出现在 video 标签上
9. networkState：显示 video 的网络状态
   0：未初始化
   1：视频已选取资源，但未使用网络
   2：浏览器正在下载视频资源
   3：未找到视频资源（一开始因为 video 不会立即找到资源，所以也会出现）
10. currentSrc：返回音视频的地址（必须是在音视频可以加载播放的时候 ，而且
    不能赋值）
11. ended：返回视频是否播放结束的结果（true / false），可以进行事件监听 (addEventListener)
12. loop：设置或返回视频是否循环
13. playbackRate：返回或设置视频的播放速度（默认是 1）
14. readyState：返回当前视频的就绪状态
    0：没有关于视频就绪的信息
    1：有数据，但快不足以支撑了
    2：当前的数据是可以用，但没有数据来播放下一帧/毫秒了
    3：数据正在缓冲，当前及至少下一帧是可用了
    4：可用数据足已开始播放
15. timeupdate：可以监听到视频目前的播放状态，若播放则自动执行函数内容，
    不播放则相反
16. seeked：当用户对视频的进度条并且已经完成操作时会触发的事件，使用时必须用 on
17. seeking：当用户开始拖动进度条时就会触发的事件，使用时必用 on
18. volumechange：当视频的声音发生改变时就会触发的事件，使用时必须
    用 on
19. RequestFullScreen：全屏，但必须在用户的事件中调用

• moz（火狐）：mozRequestFullScreen
• webkit：webkitRequestFullscreen

20. load：强制播放器刷新
21. canplay：视频已经准备好开始播放

• audio：音频
  兼容性：
  1、safari支持mp3和wav、不支持ogg
  2、JS中new Audia() 等同于 html 上加一个 标签
  3、chrome和opera不能自动播放，需要一个页面元素上的交互才可以
  4、width / height 属性没有作用，必须使用 style 标签里面的样式去控制它
  5、为了提升客户的体验度，可以在audio的开始和结束标签之间添加文字
  6、 标是为媒介元素定义媒介资源，不可以在开始标签里添加，而且 标签是单标签，没有结束标签。

audio-API

1. play()：播放
2. pause()：暂停
3. duration：返回当前音频的总长度
4. currentTime：设置/返回当前音频的长度
5. src：设置/返回当前音频的来源
6. volume：设置/返回当然音频的音量
7. controls：设置音频是否显示控件
8. muted：设置音频是否静音（chrome和opera和 video 有区别，有了这个属性也不会自动播放）
9. networkState：返回音频的当前网络状态
   0：未初始化
   1：音频已选取资源，但未使用网络
   2：浏览器正在下载音频资源
   3：未找到音频资源
10. currentSrc：返回当前音视频的 URL
11. ended：返回音视频的播放是否已结束
12. loop：设置或返回音频是否应在结束时重新播放
13. playbackRate：设置或返回音频播放的速度
14. readyState：属性返回音频的当前就绪状态
    0：没有关于音频就绪的信息
    1：有数据，但快不足以支撑了
    2：当前的数据是可以用，但没有数据来播放下一帧/毫秒了
    3：数据正在缓冲，当前及至少下一帧是可用了
    4：可用数据足已开始播放
15. timeupdate：当目前的音放位置已更改时
16. seeked：当用户已移动/跳跃到视频中的新位置时（和 video 有区别，audio 触发的频率是一样的）
17. seeking：当用户开始移动/跳跃到视频中的新位置时（触发频率同上）
18. volumechange：当音量已更改时
19. RequestFullScreen：全屏
20. load：重新加载音频资源
21. canplay：音频已经准备好开始播放

• source：媒介元素（音视频）

• embed：嵌入插件（音视频）

Web应用标签

• Menu
  

  命令列表（目前所有主流浏览器都不支持）
  menu命令列表标签（只有FireFox8.0+支持）
  menu标记定义一个命令按钮（只有IE9支持）

• 状态标签
  状态标签(实时状态显示：气压、气温)C、O
  状态标签 (任务过程：安装、加载) C、F、O

• 列表标签
  

  标记定义一个元素的详细内容 ，配合summary C

其他标签

• 标记定义注释或音标
• 告诉那些不支持 ruby元素的浏览器如何去显示
• 标记定义对ruby的注释内容文本
• 标记定义有标记的文本 (黄色选中状态)
• 标记定义一些输出类型，计算表单结果配合oninput事件
• 标记定义表单里一个生成的键值(加密信息传送)
• 标记定义一个日期/时间，目前所有主流浏览器都不支持

重定义标签

（显示不变，只是表达的含义进行了重新定义的标签）

• 代表内联文本，通常是粗体，没有传递表示重要的意思
• 代表内联文本，通常是斜体，没有传递表示重要的意思
• 可以同details与figure一同使用，定义包含文本，dialog也可用
• 可以同details与figure一同使用，汇总细节，dialog也可用

• ---

  表示主题结束，而不是水平线，虽然显示相同
• 重新定义用户界面的菜单，配合command或者menuitem使用
• 表示小字体，例如打印注释或者法律条款
• 表示重要性而不是强调符号

HTML5布局

HTML5布局.jpg

Input新type

• email
• url
• number
• range
• Date picker：
  Date —— 选取日、月、年
  Month —— 选取月、年
  Week —— 选取周和年
  Time —— 选取时间（小时和分钟）
  Datetime —— 选取时间、日、月、年（UTC 时间）
  Datetime-local —— 选取时间、日、月、年（本地时间）
• search
• color
• tel

表单属性

• autocomplete：自动完成，适用于

  标签，以及以下类型的 标签：
  text, search, url, telephone, email, password, datepickers, range, color。
  用法：

• multiple：可选择多个值，适用于中type为email和file
  用法：

• placeholder：适用于中type为：text, search, url, telephone, email, password

• required：规定不能为空，适用于以下类型的 标签：
  text, search, url, telephone, email, password, date pickers, number, checkbox, radio, file
  用法：

链接属性

• size
  
• target
  
• 超链接
  a：media=""（表示对设备进行优化，handhelp对“手持“设备进行支持，tv对”电视）；
  a：hreflang="zh"（设置语言，这里设置语言是中文）；
  a：ref=“external”（设置超链接的引用，这里超链接为外部链接）

其他属性

• defer:加载完脚本后并不执行，而是等整个页面加载完之后再执行
  
• async:加载完脚本后立刻执行，不用等整个页面都加载完，属于异步执行。
  
• Start —— 起始值
• Reversed —— 倒叙排列
  
  
  
  1. Html
  
  
  2. Css
  
  
  3. JavaScript
  
  
• manifest=“cache.manifest”（定义页面离线应用文件）