前端之html5

     目录

html5优势：

    语义化标签：

            布局标签：

             状态标签：

        列表标签：

       文本标签：

         表单控件：

        视频标签：

         音频标签：

        全局属性：

article和section区别：

兼容性处理：

---

html5优势：

           1 针对javascript，新增了很多可操作的接口

           2 新增一些语义化标签，全局属性

           3 新增多媒体标签，可以很好代替flash

           4 更加语义化，对于seo（搜索引擎）友好

           5 可移植性好，可以在移动设备使用

           6 支持chrome，safari，Opera，firfox，ie（9版本以上）浏览器

    语义化标签：

            布局标签：

                     header 头部标签

                     footer   底部标签

                      nav      导航标签

                      article   文章标签

                     section   文章中某段文字标签

                    aside       侧边栏标签

                    main          内容标签（IE不支持）

                     hgroup      包裹连续标题（w3c不支持）

             状态标签：

                  meter   例如电量显示                       

  属性：
       max :最大值
       min :最小值
       value: 取值
       low :低值
       high:高值
       optimum :最佳值

                progress  进度条值     

  
  属性：
     max 最大值
     value 取值

        列表标签：

               datalist （不同浏览器显示不同的样式）类似于百度搜索的下拉提示                      

           details 展示问题和答案

        
使用标题
        
使用内容

       文本标签：

             ruby 文本注音

     测试
     ceshi

        mark   文本标记

 标记

         表单控件：

               placeholder  提示语

                       用于文字输入的功能

                required  设置为必填项

                           按钮不可使用

              autofocus 自动获取焦点

              autocomplete  自动完成

                    密码，多行框，单选框，多选框不可使用

                    属性：on 打开

                                off 关闭

              pattern  正则表达式

                    添加required属性，效果最好

                       密码，多行框，单选框，多选框不可使用 

          form属性：

                 novalidate 不效验属性

            input属性：

                   添加required使用，效果更好

                      type：

                           email  邮箱

                           url       网址

                           number 数值             

                          search   搜索

                           tel          手机号---用于移动端

                           range     范围选择

                          color      颜色选择

                           date       日期选择

                          month    月份选择

                          week        一周选择         

                          time         时间选择

                          datetime-local    年月日选择    

        视频标签：

                video

         音频标签：

                      audio

        全局属性：

                 contenteditable  可编辑

                  draggable           可拖动

                  hidden                  隐藏元素

                  spellcheck             拼写检查

article和section区别：

                    1 article内可以含有多个section

                    2 section强调的是分段或者分块

                    3 article比section更强调独立性

兼容性处理：

        1  引入js文件

//ie浏览器使用最优的渲染模式 

//优先使用webkit内核渲染（谷歌内核）
  
//ie9及以下版本浏览器加载此文件 


//扩展：