Audio Video

audio

1.属性：controls：显示出控制面板 proload：预加载
2.兼容性问题：

        <audio controls="controls">
            <source type="audio/mpeg" src="" ></source>
            <source type="audio/ogg" src=""></source>
            <!--音频兼容问题 ，一般这样写！mpeg=mp3 -->
        </audio>
            <audio>如果不兼容，会当成自定义标签出现这段字</audio>
        <!--H5支持自定义标签 -->

3.js实现任意点击某个地方自动播放

          document.addEventListener("click",function(){
        document.querySelector("audio").play();

meta

        <!--设置页面编码-->
        <meta charset="utf-8">
        <!--页面描述-->
        <meta name="description" content="可以描述网站内容"/>
        <!--设置页面关键字 方便爬虫-->
        <meta name="keywords" content="内容" />
        <!--设置缓存方式-->
        <meta http-equiv="Cache-Control" content="no-cache"/>
        <!--申明作者信息-->
        <meta name="author" content="名字，邮箱" />
        <!--指定渲染引擎的类型和版本 使用浏览器-->
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <!--移动端关闭电话号码识别-->
        <meta name="format-detection" content="telephone=no" />
        <!--关闭邮箱地址识别-->
        <meta name="format-detection" content="email=no" />
        <!--关闭邮箱地址和移动端关闭电话号码识别-->
        <meta name="format-detection" content="telephone=no,email=no" />
        <!--解决防盗链问题 线上音乐不能播放原因-->
        <meta name="referrer" content="never" />
        
        <!--设置标签图标：shortcut icon 放在根目录下会自动显示小图标-->
        <link rel="shortcut icon" href="" />

map

map属性

    shape：图形 
        rect：矩形 （左上角，右下角坐标）
        poly：多边形（所有点坐标） 
        circle：圆形（圆心坐标跟半径）
    coords:坐标

图片热区地图功能

        1.img标签要写usemap属性，指定要用的map
        2.map标签设有name属性
        3.map中area的shape属性：
            rect矩形 （左上角，右下角坐标）
            poly:多边形（所有点坐标） 
            circle：圆形（圆心坐标跟半径）
        4.area的coords坐标

video

格式转码：MP4(H264) WebM(VP8) Ogg(Theora)
muted：静音
poster：封面海报
proload:预加载模式
autoplay：自动播放（目前太部分浏览器不支持）
controls：播放器界面
/开始 是绝对路径
./开始 是相对路径 当层文件夹
../ 上一层文件夹