HTML5新增特性

1.带有语义化的标签
        <header> 头部标签

        <nav> 导航栏标签

        <article> 内容标签

        <section> 定义文档某个区域

        <aside> 侧边栏标签

        <footer> 尾部标签

注意事项：

1.这些语义化标签主要针对于搜索引擎

2.这些新标签在页面中可以使用多次

3.在IE9中，需要把这些元素转换为块级元素

4.移动端中更喜欢这些标签  

 

2.html新增的多媒体标签

      1） 音频：<audio> /MP3(推荐) wav ogg

                基本语法:<audio src="音频地址"></audio>

                基本属性:1.autoplay = “autoplay” 自动播放

                                2.controls = “controls” 显示播放控件

                                3.loop =“loop” 播放完之后循环播放

 

       2）视频：<video> /MP4(推荐) webm ogg

                       基本语法：<video src="文件地址" controls=“controls”> </video>

                       基本属性: 1.autoplay = “autoplay” 自动播放

                                                muted = "muted" 静音播放//可以解决在谷歌浏览器中的问题

                                        2.controls = “controls” 显示播放控件

                                        3.可以在<style>中调节宽高 width /height

                                        4.loop =“loop” 播放完之后循环播放

                                        5.preload = “auto” 预先加载视频

                                                preload = “none” 不应加载视频

                                        6.poster = “imgurl（图片的来源）” 加载等待的图片        
 

3.新增表单
邮箱：<input type="email">
网址：<input type="url">
日期：<input type="data">
时间：<input type="time"> 
数字：<input type="number">
手机号码：<input type="tel">
搜索框：<input type="search">
颜色：<input type="color">
提交按钮：<input type="submit" value="提交">

4.新增的表单属性

1.required="required" 表单拥有该属性表示其内容不能为空。必填

2.placeholder="所提示的文字" 默认值将不显示

3.autopocus="autofocus" 自动聚焦属性，页面加载完成自动聚焦到指定表单

4.autocomplete="off/on" 默认是打开 。 当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。

5.multile="multiple" 可以多选文件提交