html5

1、 HTML5新增标签：<section>---定义文档中的节，一般用于成节的内容，会在文档流中开始一个新的节；
  <hgroup>---用于对网页或区段（section）的标题进行组合。（<h>标签有很多时，用此标签包裹在一起）
  <article>---代表一个独立的、完整的相关内容块。
  <aside>---表示当前页面或文章的附属信息部分,(侧边栏、广告)。
  <figure>---最多用于图文并茂,文字在图片左边边线的左边对齐。
  <progress>---进度条
<datalist>---定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。


2、写代码要语义化：<header>（头部）---head用于定义html的属性，写的代码不能在页面上显示出来
        header用于替代div，写的东西可以在网页中显示出来
        <nav>---用来将具有导航性质的链接划分在一起，使代码结构在语义化方面更加准确。
        <menu>---标签定义菜单列表。当希望列出表单控件时使用该标签。
       <footer>（底部）


3、拖拽：（1）创建拖拽对象 ：给需要拖拽的元素设置draggable属性
    draggable="true"----让元素可以拖拽
  （2）文件发送：ondragstart = "drag(event)"：当元素拖拽开始触发； 
    function drag(e){
                e.dataTransfer.setData("Text", e.target.id)     /*页面上必须设置id*/
          }
     (3) 获取文件：οndrοp="drop(event)"
   function drop(e){
              var data = e.dataTransfer.getData('Text');

              /*内存中存在的东西，它以id的形式存在在内存中*/
            e.target.appendChild(document.getElementById(data));
        
            /*因为浏览器不许拖拽，所以设置事件阻止默认行为*/
            e.preventDefault();
        
      }
      （4）最后设置事件阻止默认行为：οndragοver="allowDrop(event)"
  function allowDrop(e){
              e.preventDefault();
      }

4、多媒体：（1）视频：<video controls=“controls/true”autoplay="autoplay" loop="loop">
            <source src="XXX" type="vide/mp4">
                     你的浏览器不支持视屏播放，请下载最新的浏览器
         </video>
---controls:控制器； autoplay:自动播放；  loop:循环播放；---
        （2）音频：<audio controls="controls">
            <source src="song.ogg" type="audio/ogg">
              <source src="song.mp3" type="audio/mpeg">
              Your browser does not support the audio tag.
           </audio>