码迷,mamicode.com
首页 > Web开发 > 详细

HTML5学习

时间:2015-07-12 22:58:33      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:

 

  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。

HTML5学习

标签:

原文地址:http://www.cnblogs.com/huangxiaoxiao/p/4641652.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!