html5里废弃的一些标签

html5里废弃的一些标签

 <acronym> 定义只取首字母缩写
 <applet> 规定 Java applet 的文件名
 <basefont> 定义文档中所有文本的默认颜色、大小和字体
 <big> 呈现大号字体效果
 <center> 标签控制文本的居中显示
 <dir> <dir> 标签定义目录列表
 <font> 标签规定文本的字体、字体尺寸、字体颜色
 <frame> 标签定义 frameset 中的一个特定的窗口（框架）
 <frameset> frameset 元素可定义一个框架集
 <noframes> noframes标签向浏览器显示无法处理框架的提示文本
 <strike> strike 标签可定义加删除线文本定义。

注意：由于H5是向后兼容的，所以在H5中使用这些标签也不会报错或出现异常，但这些元素在H5中已不被W3C标准推荐，建议尽量不要使用。

新增的多媒体元素

        HTML5 规定了网页包含视频、音频的标准方法

音频audio

        HTML5种新增的音频的标准方法

        IE8及更早版本的浏览器中不支持

        HTML5中支持的音频格式

        ogg audio/ogg 支持浏览器 chrome、Firefox、Opera10+

        MP3 audio/MPEG 支持浏览器 chrome、firefox、OPera10+、IE9+、safari

        wav audio/wav 支持浏览器 chrome、Firefox、Opera、Safari

语法

        <audio src="音频文件路径"></audio>
        加controls属性才可以播放
        <audio src="./file/zhoujie.mp3" controls loop muted></audio>
       行内块标签

常用属性

         src属性：音频文件的路径

        controls属性：浏览器为音频提供播放控件

        loop属性；循环播放

        muted属性；静音

视频video

HTML5中视频标准方法

IE8及更早版本的浏览器中不支持video标签

        HTML5支持的视频格式：

        ogg 支持的浏览器chrome、Firefox、OperaMPEG4--mp4

        支持的浏览器chrome、Firefox、Safari、IE9+WebM

         支持的浏览器chrome、Firefox、Opera

语法

加controls属性才可以播放
<video src="./file/movie.mp4" controls></video>
行内块标签

常用属性

 src属性：视频文件的路径        

        controls属性：视频播放控件

        loop属性：循环播放

        muted属性：静音

        width属性、height属性：视频播放器的宽度和高度

        poster属性：预览图片,视频正在下载时显示的图像

        autoplay属性：自动播放，必须静音后在播放

 <video controls poster="./img/01.jpg" width="200" height="200">
        <source src="file/movie.mp4" type="video/mp4">
        <source src="file/movie.ogg" type="video/ogg">
        <source src="file/movie.webm" type="video/webm">
    </video>

source音频媒介标签

允许使用source标签 引入多个音频、视频资源，浏览器使用第一个可以被识别的格式

     <source src="" type="audio/ogg">
    <source src="" type="video/mp4">
​
 <!-- 音频 -->
    <audio controls>
        <source src="../file/movie.ogg" type="audio/ogg">
        <source src="../file/zhoujie.mp3" type="audio/mp3">
    </audio>
​
    <!-- 视频 -->
    <video controls>
        <source src="../file/guo.mp4" type="video/mp4">
        <source src="../file/movie.webm" type="video/webm">
        <source src="../file/movie.ogg" type="video/ogg">
    </video>