• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 网站标准之Flash页面如何通过校验的方法分享

网站标准之Flash页面如何通过校验的方法分享

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含网站标准,通过校验等相关知识,佚名 希望在学习及工作中可以帮助到您
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出来了。

您可能想查找下面的文章:

  • 网站标准之Flash页面如何通过校验的方法分享
  • 网站标准开发流程图

相关文章

  • 2018-08-23UX专家如何做设计评审?来看这份深度总结!
  • 2018-08-23学会这两招,快速提升设计师的作品集格调!(实例演示)
  • 2018-08-23没经验没思路?最常用的电商Banner 设计方法都在这
  • 2018-08-23在成熟的UI设计流程中,视觉稿是绕不开的环节
  • 2017-08-06浏览器显示TIF格式图像的方法
  • 2017-08-06网页中应用CSS样式的多种形式总结
  • 2017-08-06关于儿童类网站的视觉结构布局设计的方法分析
  • 2018-08-23经常被忽略的动效,对于用户体验设计是如此重要
  • 2018-08-23想引导用户?来学习UX中的承诺和行为一致性原则
  • 2018-08-23谷歌是怎么设计语音界面的?这篇总结了对话设计六原则!

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 面试时可能被问到的一些CSS问题
    • 用Instagram 的案例,帮你学会专业科学的重设计过程
    • 如何打造优秀的语音交互体验?这儿总结了四个方法
    • z-index为负值的元素无法点击到的解决方法
    • 哪天就用到了!在移动产品中做音效设计的8个技巧
    • 「这个控件叫什么」系列之Picker/选择器/拾取器
    • 挂墙上每天背!7种主流设计风格的制作心得
    • 你知道如何优化加载网页字体吗
    • 如何做落地页设计?这儿有20个顶尖的案例和优点分析
    • 从微信「朋友圈三天可见」,分析背后隐含的设计原因

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有