HTML5

新增语义化标签

•     <header>头标记标签</header>
•     <nav>导航</nav>
•     <footer>底部</footer>>
•     <section>节</section>
•     <main>主体</main>
•     <article>外部内容</article>
•     <aside>侧边栏</aside>
•     独立的流内容 可用来插入图片、图表、代码等:

        <figure>
           <figcaption>标题</figcaption>
           图片\图表\代码
        </figure>

• details 标签

   <details>
         <summary>概要</summary>
         内容
   </details>

•  时间

    <time datetime=""></time>

• 进度条

      <progress min="最小值" max="最大值"  value="进度值"></progress>

• 度量衡

      <meter min="最小值" max="最大值" value="值" low="" high=""> </meter>

新增表单控件

• 数据列表

 <input type="text" list="id值">
<datalist id="id值">
   <option value="值1">选项1</option>
   <option value="值2">选项2</option>
</datalist>

• input 新增表单控件

        <input type="email">  邮箱
        <input type="url"  url地址
        <input type="number"  数字域
        <input type="search"  搜索域
        <input type="tel"  电话号码
        <input type="date"  年月日
        <input type="month" 年月
        <input type="week"  年周
        <input type="time"  时分
        <input type="datetime"  utc年月日时分
        <input type="datetime-local"  本地时间
        <input type="range"  滑动条
        <input type="color"  拾色器

• 新增表单属性

        step  步长
        pattern  正则模式
        autofocus  自动获取焦点
        required  必填项
        autocomplete  自动补全
            on  开启
            off  关闭

多媒体

• 音频

        <audio src="" controls></audio>
        <audio controls>
             <source src="xxx.mp3" type="audio/mp3">
             <source src="xxx.ogg" type="audio/ogg">
        </audio>

• 视频

        <video src="" controls></video>
        <video controls>
             <source src="xxx.mp4" type="video/mp4">
             <source src="xxx.ogg" type="video/ogg">
        </video>

• 属性

        controls  显示视频/音频控件
        loop  视频/音频循环播放
        muted  视频/音频静音
        autoplay 视频/音频自动播放
        poster="图片路径"   视频封面