萧-然
萧-然

IE、chorme、firefox、safari对于标签标签支持情况

今天在HTML标签的时候学习了标签和标签，发现各个浏览器对他们的支持情况差别很大，我想总结一下我所学到的内容。我是一个小菜鸟，希望有问题莫怪哈。

网页中显示富媒体（Flash、视频、音频）需要用到两个元素：和。

和
元素能够告诉浏览器几件事：
1、文件名和文件存放位置
    2、文件的格式
3、播放该文件所需的插件的种类
在元素中，可以使用元素为播放器提供这些信息。元素不是在元素可以使用的唯一标记。但是的其他标记一般是浏览器中无法呈现时显示，例如，在元素中经常可以看到元素。
严格的说不是HTML或XHTML的规范，但是很多年前Microsoft就引入了元素，用于支持ActiveX技术（仅用于IE）。后来，其他浏览器就反而使用元素子啊网页中嵌入音频和视频对象。因此，经常在元素中包含元素，以确保老版本的浏览器再不支持元素的情况下，尝试使用元素显示对象的内容。

代码
我首先写了一段通过元素 插入一段优酷的视频。 



	
	cloud


	
				 />
第一个指定影片从哪里加载，可以是本地地址和URL
 第二个表示是否运行全屏观看
 第三个是一个特殊属性，用于确保Flash影片可能特定于某个版本的Flash.
各浏览器支持情况: IE和FireFox显示空白，Chrome和Safari正常显示。

代码

然后我又用替换了上面的元素。 



	
	cloud


	
	


 
   
 
  
 
  
 
 
  
中几个特性的值表示的效果和的效果基本一致。src指向资源，type指示资源类型，这里为flash。
 
  
各个浏览器支持情况：IE、FireFox、Chrome和Safari都正常显示。
 
  

 
  
将嵌入 
  
最后尝试将两个嵌入一起。
 
  
 
  



	
	cloud


	
		
		
		
		
		
	


 
  
 
  
 
  
最后测试结果为各个浏览器均支持。
 
  
 
  

 
  
 
  
结论
 
  
 
   严格的说不符合W3C规范，但是各浏览器对它的支持相当的好，支持的只有chrome和safari。 
   
  
 
   一般为了良好的兼容性都选择将嵌入中使用。 
   
  
 
   我使用的版本依次是IE10、FireFox19、Chrome25和Safari5。 
  
 
  
 
   
 
  
 
  
附注
 
  
 
   另外还有一种方法是利用Javascript嵌入，这是比较流行的一种方式。这种方式使用
存放Flash影片(SWF文件)，
中可以使用文本或图像，没有安装Flash的用户将会显示这些文本和图像。然后添加javascript检测是否安装播放器。如果安装就会使用SWF文件替换
中的内容。一般执行这些的脚本是SWFObject。下面是我用的测试代码。 
  
 
  
 
  



	
	cloud
	
	


	
 a flash



 
  SWFObject脚本可以从http://code.google.com/p/swfobjec下载，embedSWF五个参数分别表示Flash地址、
的id、宽度、高度、播放器最低版本。 
  
 
  
这中方式各个浏览器都支持，而且div中的说明 更利于搜索引擎是找到，而且在不能加载的时候有提示的作用。
 
  


 
 
 


                            

                        

                    
                    
                    

                    
                    
                    

                
                

                    
                

            
        
    
    

        
你可能感兴趣的:(web前端)