📜  HTML5 引入了哪些媒体元素标签?

📅  最后修改于: 2022-05-13 01:56:37.046000             🧑  作者: Mango

HTML5 引入了哪些媒体元素标签?

HTML5 引入了 5 个最流行的媒体元素标签,即这个媒体元素标签改变了使用 HTML 的整个开发过程。

在本文中,您将简要了解这五个媒体元素标签。

媒体标签:

  • 它是一个内联元素,用于将声音文件嵌入到网页中。
  • 用于将视频文件嵌入到网页中。
  • : 用于附加音频、视频、图片等多媒体文件。
  • < embed >:用于将外部应用程序嵌入到 HTML 文档中,这些应用程序通常是多媒体内容,如音频或视频。
  • 它指定媒体组件音频和视频的文本轨道。

媒体标签的优势:

  • 不再需要插件
  • 速度——任何自然集成到浏览器中的东西都将以比导入的第三方更快的方式呈现和执行
  • 本机(内置)控件由浏览器提供。
  • 辅助功能(键盘、鼠标)是自动内置的

如果您想将音频(如歌曲)或任何声音文件添加到您的网页中,这是一个有用的标签。

句法:

例子:

HTML


  

    

  

    
        

GeeksforGeeks

           

Audio Sample

                         
  


HTML


  

    

  

    
        

GeeksforGeeks

           

Video Sample

                
  


HTML


  

    

  

    
        

GeeksforGeeks

           

Embed Sample

                
  


HTML


  

    

  

    
        

GeeksforGeeks

           

Source Tag

                
  


HTML


  

    

  

    
        

GeeksforGeeks

        

Track Tag: Both Audio and Video

                
  


输出:

这是将视频嵌入网页的标准方式。

句法:

例子:

HTML



  

    

  

    
        

GeeksforGeeks

           

Video Sample

                
  

输出:

用作嵌入flash动画等插件的容器。

句法:

HTML



  

    

  

    
        

GeeksforGeeks

           

Embed Sample

                
  

输出:

您可以观察到

句法:


   ...

HTML



  

    

  

    
        

GeeksforGeeks

           

Source Tag

                
  

输出:

用于指定字幕、字幕文件或包含文本的不同文件,一旦媒体参与其中,它们应该是可见的。因此它是

句法:

HTML



  

    

  

    
        

GeeksforGeeks

        

Track Tag: Both Audio and Video

                
  

输出: