#前端学习#------多媒体标签

由于本人也是初学HTML，以下都为本人学习过程中分点整理的知识点，希望共同进步，不足之处望指出批正。

1. 什么是多媒体标签？

    - 作用：播放视频

    - 格式：

   

   

    - 属性：

        src: 用于告诉video标签是否需要播放的视频地址

        autoplay: 用于告诉video标签是否需要自动播放

        controls: 用于告诉video是否需要显示控制条

        poster: 用于告诉video标签视频没有播放之前显示的占位图片

        loop: 一般用于做广告视频，用于告诉video视频标签播放完毕之后是否循环播放

        preload: 预加载视频，但是需注意preload和autoplay相冲，如果设置了autoplay属性，那么preload属性就会失效

        muted：静音

        width/height：宽/高度

2. video的第二种格式

由于视频数据非常非常的重要，所以五大浏览器厂商都不愿意支持别人的视频格式，所以导致了没有一种视频格式是所有浏览器是所有浏览器都支持的，这个时候W3C为了解决这个问题，所以推出了第二个video标签的格式。

video标签的第二种格式存在的意义就是为了解决浏览器适配器问题

    - 格式：

   

       

       

       

   

    - 注意点：

    当前通过video标签的第二种虽然能够指定所有浏览器都支持的视频格式，但是显然所有浏览器都通过video标签来播放视频，那么我们以后可以通过一个JS的框架叫做HTML5 media实现

3. 什么是audio标签

    - 作用：播放音频

    - 格式： 

    第一种

   

   

    第二种

   

       

   

    - 注意点：

    1. audio标签的使用和video标签的使用。基本意义，video中能够使用的属性在audio标签中都大部分都使用，并功能都一样，只不过3个属性不能用

    

4. 什么是详情和概要标签

    - 作用：

    利用summary标签来描述概要信息，利用details标签来描述详情信息，默认情况下是折叠显示，想看见详情必须点击

    -格式：

   

       

概要信息

        详情信息

   

5. 什么是marquee标签

    - 作用：跑马灯

    - 格式：内容

    - 属性：

    direction：设置滚动方向    left/right/up/down

    scrollamount: 设置滚动速度，值越大速度越快

    loop: 设置滚动次数，默认是-1，也就是无线滚动

    behavior: 设置滚动类型，slide滚动到边界就停止，alternate滚动边界就弹回

    - 注意点

        marquee标签不是W3C推荐的标签，在W3C官方文档也无法查询这个标签，但是各大浏览器对这个标签，但是各大浏览器对这个标签的支持非常好

6. 为什么HTML中一部分标签会被废弃

    因为当前HTML中的标签只有一个作用，就是用来添加语义，而早期的HTML标签中有一部分标签是没有语义的，有一部分标签是用来修改样式的，所以这部分标签就被淘汰了

   

---

    以上这些标签都是没有语义的，都是用来修改样式的

    b( bold )加粗文本，没有任何语义

    u( underlined )给文本添加下划线，没有任何语义

    i( italic )将文本倾斜，没有任何语义

    s( strikethrough )给文本添加删除线的，没有任何语义

    -注意点

    以后在企业开发中不得已一定不要用这些废弃掉的标签，如果一定要使用，一般情况下都是用来作为css的钩子来使用

    -替代

    strong == b  定义重要性强调的文字

    ins == u        定义插入的文字

    em == i        定义强调的文字

    del == s        定义被删除的文字