HTML5 新增

新增语义化标签：

    结构标签： header头部  footer底部  nav导航  hgroup标题组合 section独立节  article完整的独立部分 aside主体附属信息

    独立的语义标签：

        figure 用于对元素进行组合，比如视频和图片

       figcaption:figure的子元素，对其进行说明

       time 时间

       datalist：选项列表，可能出现的值

      details用于描述文档或文档某个部分细节

             summary 为details元素的标题

             例：<details>

                        <summary>标题</summary>

                       <p>扩展的内容</p>

                   </details>

     dialog 定义一段对话

     address  定义文章或页面作者的详细联系信息

     mark 高亮，用于标记

     keygen 添加公钥

     progress 定义进度条：

        例：<progress max="100" value="76">

                    <span>76</span>%

               </progress>

课2：

   H5的新标签如何兼容低版本：

          自定义标签：在其中添加

            <script type="text/javascript">

               document.createElement("header");

               document.createElement("nav");

               document.createElement("aside");

               document.createElement("footer");

               document.createElement("section");

               document.createElement("article");

          </script>

                 每个css中需要添加display:block

      Forms

            <input type=''>

        eamil:电子邮件--自带验证

        tel:电话号码

       url:网页的URL

       search:搜索引擎

       range:特定范围内的数值选择器  属性min和max val

    新的输入型控件

       number：只能包含数字的输入框

       color：颜色选择器

       datetime:显示完整日期

       datetime-local:显示完整日期，不含时区

       time:显示时间，不含时区

       date：显示日期

       week:显示周

      month:显示月

  新的表单特性：

     placeholder:输入框提示信息

     autocompete:是否保存用户输入值    添加关闭表单验证：formnovalidate

     autofocus:指定表单输入焦点

     list和datalist:为输入框构造一个选择列表

            --list为datalist的标签的id

    requiref:必填

    pattern:正在验证  例：pattern="/d{1,5}"

    formacrion在submin里定义提交地址