建站极客
网页制作 应用技巧 正文
网站标准之Flash页面如何通过校验的方法分享
所属分类:
网页制作 / 应用技巧
阅读数:
1408
收藏 0
赞 0
分享
1.embed是非法的 <embed>标签是Netscape的私有标签,虽然<embed>标签应用广泛存在,但是从HTML3.2,HTML4.0到XHTML1.0,W3C都没有收录这个标签。使用<embed>标签的页面将不能通过W3C校验。 2.应该用object W3C推荐的是<object>标签。甚至在XHTML2中,<img>都要被<object>所取代。用<object>方法插入flash的代码是: <object type="application/x-shockwave-flash" data="test.swf" width="200" height="100"> <parm name="movie" value="test.swf /> </object> 但是这个方法在IE5-IE6/Win上不能正确显示(不能连续播放,要下载完才能放),在低版本的可以正确显示。后来采用先调一个小flash文件再嵌入大flash文件的方法解决了连续播放的问题,但是在IE5以上版本有时依然出现不能显示flash的情况。 3.目前的临时办法 那么既要符合标准,又想在所有浏览器正确显示flash应该怎么做?macromedia网站是如何通过W3c校验的? 有设计师想到了用JavaScript来隐藏非法的<embed>标签, <script type="text/javascript "> if (navegiator . mimeTypes && navigator . mimeTypes["application/x-shockwave-flash"] { document . write(''<embed src="test . swf" ... 这是目前比较好的解决办法。你一定要插flash,就用js调用。这种方法可以欺骗W3C的校验程序,使页面通过校验。但仅仅是"欺骗",而不是真符合标准。 macromedia是怎么做的呢?看到这句代码: <!-- $RCSfile: FlashDetection2k.pm,v $ $Revision: 1.68 $ : your browser''s accept header indicates you have Flash 6,0,65,0 or better, so you''re OK for this Flash 6 movie, here it comes. --> 它采用了一个折中二选一的办法: (1).首先javascript来判断你的浏览器版本和flash player的版本; (2).根据版本的不同在后台动态的生成HTML代码。 简单说就是默认采用<object>方法,如果浏览器不能处理object的MIME类型“ application/x-shockwave-flash”,它就插入子元素<embed>。说穿了,这和用js隐藏< embed>方法类似,也是一种“欺骗”的办法,但这是目前能够做到的最符合标准的,比较完美的做法了。 要想真正抛弃<embed>,只能等IE浏览器对<object>更好的支持才行,也许要等到Longhorn出来了。
sitemesh教程-页面装饰技术原理及应用 Sitemesh是一种页面装饰技术:它通过过滤器(filter)来拦截页面访问,据被访问页面的URL找到合适的装饰模板等等,感兴趣的朋友可以了解下哦
评论 0
收藏 0
赞 0
分享
浏览器可以注册的事件小结 我们在网页制作中经常会用到浏览器事件,这里简单的整理下方便需要的朋友
评论 0
收藏 0
赞 0
分享
从image/x-png谈ContentType(s) 今天在做一个文件上传的功能的时候,发现我总是上传不了png的图片。经过调试发现,应该是在ContentType的地方判断失误了。后来百度了一下发现一个有意思的现象,我发现png的图片的ContentType并不是我在注册表中看到的image/png,而是image/x-png
评论 0
收藏 0
赞 0
分享
窗口中的各种距离/滚动距离的精确计算汇总 平时在项目开发中,没少跟边距,位置,坐标什么的打交道,悲剧的是,如果你对这些东西没有非常清晰的概念,编码的时候会非常痛苦,到处找资料寻求距离的精确计算,接下来本文提供一个示意他,希望对你有帮助
评论 0
收藏 0
赞 0
分享
web的各种前端打印方法之CSS控制网页打印样式 使用CSS控制打印样式,握刚刚使用时一塌糊涂,根本不知道CSS中的midia的作用是什么,问到别人说导入这个样式,还傻乎乎的不知所措,接下来介绍CSS控制网页打印样式是如何实现的
评论 0
收藏 0
赞 0
分享
响应式WEB设计学习(1)—判断屏幕尺寸及百分比的使用 现在移动设备越来越普及,用户使用智能手机、pad上网页越来越普遍,但是传统的fix型的页面在移动终端上无法很好的显示。因此,Ethan Marcotte提出一种响应式web设计的概念,响应式web设计的英文为Responsive Web Design,简写为RWD,感兴趣的朋友可
评论 0
收藏 0
赞 0
分享
响应式WEB设计学习(2)—视频能够做成响应式吗 除了图片以外,还有一种常见的多媒体形式是视频。有时在web设计中,根据需要会在页面中加入视频,视频大小的自适应单靠CSS本身似乎是做不到的,感兴趣的朋友可以详细了解下
评论 0
收藏 0
赞 0
分享
响应式WEB设计学习(3)—如何改善移动设备网页的性能 究竟是网页中的何种元素拉低了网页在移动设备中加载的速度呢?这些元素应该做何处理以提升页面在移动设备中的整体性能?是否存在一种设计模式可以同时满足移动端及桌面端的页面设计呢?带着这些疑问开始本文之旅吧
评论 0
收藏 0
赞 0
分享
网页设计必备手册 216网页安全色大全 网页安全色是指在不同硬件环境、不同操作系统和不同浏览器中都能够正常显示的颜色集合(调色板或者色谱),也就是说这些颜色在任何终端用户的显示设备上都是相同的效果
评论 0
收藏 0
赞 0
分享
网页设计中设计出有层次感的界面的经验介绍 很多网友常说自己的网站为什么色彩上总是有问题,总是看起来没什么精神,没办法吸引人注意。观察了一些网友们设计的网站发现他们在用色上不够大胆,同时也缺乏对色彩层次的理解。
评论 0
收藏 0
赞 0
分享
查看更多