HTML5学习

 

1. html4.0,xhtml,html5.0的区别：
   1. 出现的先后顺序，html4.0是最先出来的版本，但是其很不严谨，对标签的大小写和是否关闭都没有做出相应的约束，后面就出现了xhtml,这最初w3c并没有意识到这些问题，随后就有很多的浏览器厂商开始联合起来去建立了规范，就是xhtml的早期版本，后来为W3C意识到了这样的问题，并认为这是互联网的基础性问题，所以xhtml规范开始流行出来，html5是再前两种的基础上添加了一些标签和属性，结合了css3和javascript。但是目前为止大部分新增标签大部分的浏览器都已经支持，但是IE9一下的浏览器并不支持。
   2. 最严谨的就是xhtml.

2. html5新增标签：

   1. 标签：

      1. canvas：canvas> 标签定义图形，比如图表和其他图像。
      2. datalist：标签定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表 1.* *

      3. figcaption：标签定义 figure 元素的标题（caption）。 

         黄浦江上的的卢浦大桥

          

          

      4. mark： 标签定义带有记号的文本。请在需要突出显示文本时使用 标签。

   2. 常用标签：

      1. header:标签定义文档的页眉
      2. footer:标签定义 section 或 document 的页脚
      3. aside:标签定义其所处内容之外的内容
      4. article: 标签定义独立的内容
      5. section:主要是一篇文章中的一个段落中使用
      6. nav: 标签定义导航链接的部分。Home Previous Next

3. html5表单：

   1. 表单属性
      1. email
      2. url
      3. number
      4. range
      5. Date pickers
      6. search
   2. 表单元素：
      1. datalist 元素：datalist 元素规定输入域的选项列表。列表是通过 datalist 内的 option 元素创建的。
      2. keygen 元素：作用是提供一种验证用户的可靠方法。keygen 元素是密钥对生成器（key-pair generator）。当提交表单时，会生成两个键，一个是私钥，一个公钥。私钥（private key）存储于客户端，公钥（public key）则被发送到服务器。公钥可用于之后验证用户的客户端证书（client certificate）。
   Username:  Encryption:  
4. html5视频：
   1. video:
      1. autoplay:如果出现该属性，则视频在就绪后马上播放。
      2. controls:如果出现该属性，则向用户显示控件，比如播放按钮。
      3. height:设置视频播放器的高度。
      4. loop:如果出现该属性，则当媒介文件完成播放后再次开始播放。
      5. preload: 如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
      6. src:要播放的视频的 URL。
      7. width:设置视频播放器的宽度。
5. html5音频：
   1. audio 
      1. autoplay:如果出现该属性，则音频在就绪后马上播放。
      2. controls:如果出现该属性，则向用户显示控件，比如播放按钮。
      3. loop:如果出现该属性，则每当音频结束时重新开始播放。
      4. preload: 如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
      5. src:要播放的音频的 URL。