关于HTML5

简介

HTML5是HTML第五次重大修改
HTML5的8个特性：
1. 语义特性
2. 本地存储特性（indexedDB是HTML5本地存储最重要的技术之一）
3. 设备兼容特性
4. 连接特性（Server-Send Event和Websockets这两个特性能帮助我们实现服务器将数据推送到客户端的功能）
5. 网页多媒体特性
6. 三维，图形及特效特性（基于SVG，Canvas，WebGL及CSS3的3D功能）
7. 性能与集成特性（通过XMLHttpRequest2等技术帮助web应用和网站在多样化的环境中更快速的工作）
8. CSS3特性

w3c文档：https://www.w3school.com.cn/html5/html5_reference.asp
mdn文档：https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5

HTML5和HTML4的区别

1. 简化的语法
2. canvas替代flash
3. 新的header和footer标记
4. 新的section和article标记
5. 新的menu和figure标记
6. 新的audio和video标记
7. 全新的表单设计
8. 不再使用b和font标记
9. 不再使用frame，center，big标记等

判断浏览器是否可以使用HTML5

HTML5---标签

1. 
 ：规定独立的自包含内容。
  一篇文章应有其自身的意义，应该有可能独立于站点的其余部分对其进行分发。
  
 元素的潜在来源：
  论坛帖子
  报纸文章
  博客条目
  用户评论
  
2. 
 ：定义其所处内容之外的内容。
   aside 的内容应该与附近的内容相关。
   
3. 
 ：定义figure元素的标题（caption）。
   "figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。
   
10. 
 ：规定独立的流内容（图像、图表、照片、代码等等）。
    figure 元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。

11. 
 ：定义文档或节的页脚。
    
 元素应当含有其包含元素的信息。
    页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。
    您可以在一个文档中使用多个 
 元素。
    
12. 
 ：定义文档的页眉（介绍信息）。

13.  ：规定用于表单的密钥对生成器字段。
    当提交表单时，私钥存储在本地，公钥发送到服务器。
    属性：
    autofocus：使 keygen 字段在页面加载时获得焦点。
    challenge：如果使用，则将 keygen 的值设置为在提交时询问。
    disabled：禁用 keytag 字段。
    form：定义该 keygen 字段所属的一个或多个表单。
    keytype：定义 keytype。rsa 生成 RSA 密钥。
    name：定义 keygen 元素的唯一名称。用于在提交表单时搜集字段的值。
    （Firefox, Chrome, Opera 以及 Safari 6 支持）
    
 14. ：定义带有记号的文本。请在需要突出显示文本时使用  标签。
 
 15.  ：标签定义已知范围或分数值内的标量测量。也被称为 gauge（尺度）。
     例子：磁盘用量、查询结果的相关性，等等。
      标签不应用于指示进度（在进度条中）。如果标记进度条，请使用  标签。
     （Firefox, Chrome, Opera 以及 Safari 6 支持 ）
     
 16. 
 ：定义导航链接的部分。
      
 17. 
 ：定义不同类型的输出，比如脚本的输出。
      属性：
      for：定义输出域相关的一个或多个元素。
      form：定义输入字段所属的一个或多个表单。
      name：定义对象的唯一名称。（表单提交时使用）
      
 18.  ：标示任务的进度（进程）。
      请结合  标签与 JavaScript 一同使用，来显示任务的进度。
      标签不适合用来表示度量衡（例如，磁盘空间使用情况或查询结果）。如需表示度量衡，请使用  标签代替。
     属性：
     max：规定任务一共需要多少工作。
     value：规定已经完成多少任务。
      
 19.  : ruby 注释中使用，以定义不支持 ruby 元素的浏览器所显示的内容。
     ruby 注释是中文注音或字符。
   
 20.  ：定义字符（中文注音或字符）的解释或发音。
     ruby 注释是中文注音或字符。
     
 21.  ：定义ruby的中文注释（注音或字符）。
 
 22. 
 ：定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。
     属性：
     cite：ection 的 URL，假如 section 摘自 web 的话。
     
 23.  ：为媒介元素（比如 

HTML5---属性

1. accesskey：规定激活（使元素获得焦点）元素的快捷键
   语法：
   属性值：character：规定激活（使元素获得焦点）元素的便捷按键。
   （使用alt+character来访问带有快捷键的元素）
   
2. contenteditable：规定元素内容是否可编辑
   语法：
   属性值：
   true：规定元素可编辑。
   false：规定元素不可编辑。

3. contextmenu：规定元素的上下文菜单。当用户右键点击元素时，会出现上下文菜单
   contextmenu 属性的值是要打开的  元素的 id。
   语法：
   属性值：menu_id：要打开的  元素的 id。
   （目前只有firefox支持）
   
4. data-*：用于存储页面或应用程序的私有自定义数据
   data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。
   存储的（自定义）数据能够被页面的 JavaScript 中利用，以创建更好的用户体验（不进行 Ajax 调用或服务器端数据库查询）。
   data-* 属性包括两部分：
   属性名不应该包含任何大写字母，并且在前缀 "data-" 之后必须有至少一个字符
   属性值可以是任意字符串
   语法：
   属性值：somevalue：规定属性的值（以字符串）。
   
5. draggable：规定元素是否可拖动
   语法：
   属性值：
   true：规定元素的可拖动的。
   false：规定元素不可拖动。
   auto：使用浏览器的默认行为。
   
6. hidden：是布尔属性。
   如果设置该属性，它规定元素仍未或不再相关。
   浏览器不应显示已规定 hidden 属性的元素。
   hidden属性也可用于防止用户查看元素，直到匹配某些条件（比如选择了某个复选框）。然后，JavaScript 可以删除 hidden 属性，以使此元素可见。
   语法：