网页中插入flash的注意事项

本文属于《高性能web前端优化指南》系列文章。

flash,是世界上最流行的动画格式,占据着90%以上的市场。flash在网页上最普遍的应用有两种,一是动画,二就是视频。几乎所有主流的视频网站像什么Youtube,youku,tudou什么的,都是flash视频格式。

如果你看到一个动画或视频,你想知道他是不是flash格式的话,你可以在上面右键一下,一般你就会看到这个菜单:

flash右键菜单

flash右键菜单

 flash很好很强大,在制作网页特效方面基本上无人能敌,而且flash还可以制作小游戏,以及网页视频,可以说一个强悍的全能选手。但有一些小缺点,值得注意:

flash缺点一:seo差劲

无论是flash菜单,特效以及flash视频,都是一个被封装并压缩过的整体文件。意思是说,用户看到的只是他的表象,但对搜索引擎来说,flash就像一个打不开的黑皮箱子,虽然里面很多信息,但搜索引擎完全看不到。

很多人用flash来做漂亮的导航菜单(特别是很多韩国风的网站),普通的导航菜单有超链接网址,文字说明等等,但如果是flash做的话,搜索引擎就破不开,没法分析,对他来讲跟没有导航菜单一样,所以flash对seo很不利。

如何弥补:当你使用flash制作绚丽特效的时候,你还可以为搜索引擎“特制”一份他能看到的东西。比如说一个flash菜单吧,你可以把漂亮的flash菜单展示给用户,然后用html代码把flash菜单要表达的内容写一份,如下:

<ul>
	<li class="now"><a href="#" title=""><img src="images/01.png" alt="" /><span>菜单一</span></a></li>
	<li><a href="#" title=""><img src="images/02.png" alt="" /><span>菜单2</span></a></li>
	<li><a href="#" title=""><img src="images/03.png" alt="" /><span>菜单4</span></a></li>
	<li><a href="#" title=""><img src="images/04.png" alt="" /><span>菜单4</span></a></li>
	<li><a href="#" title=""><img src="images/05.png" alt="" /><span>菜单55</span></a></li>
</ul>
但你应该把这块html代码设置成隐藏,display:none,因为这是没必要对用户展示的。
而且,因为这块html代码是要隐藏的,所以什么CSS格式都不用设置了,省事。这样一来,用户能看到你的flash菜单,搜索引擎同样能看到你的html菜单。

flash缺点2:不是w3c标准

很奇怪一个如此强大应用如此广泛的东西却不是w3c标准,但事实就是如此。不过这个缺点可以无视,IE6都没死,谈什么标准。

flash缺点3:蛋疼的右键菜单

之所以本文的示例图中强调用右键菜单来判断是不是flash格式,就是因为它的这个“缺点”——flash的右键菜单无法彻底隐藏!我觉得flash的母公司Adobe是故意这样做的,也许是出于产权保护意识。但对于很多开发者来说,这点是最蛋疼的——你的任何程序都在为flash打广告!

如何弥补:没法弥补!flash右键菜单可以修改增删,但就是没法完全隐藏!

介绍一个无奈的办法,适用于flash小广告等:在flash区域上面,写一个html标签,如A标签,设置这个A标签大小与flash一样并绝对定位,覆盖在flash之上,然后设置透明度为0,这样,当用户在flash上面右键的时候,其实是在A标签上面右键,所以就不会弹出flash的右键菜单了。

但这个办法适用于flash制作的导航等多链接的环境

—————————–

结束语:还有人说flash的性能不好,但实际上对于网页应用来说,flash的性能很不错了。大家看视频的时候没有被卡死过吧?如果有人在网页上插入50个flash然后觉得卡的不行,然后怪flash性能低,那我就只能说:脑残!

 

发表评论

电子邮件地址不会被公开。