[20110418]工作随笔--flash在FireFox/IE9满屏显示

本文介绍了如何使用HTML和Flash实现全屏显示,并解释了不同浏览器下的兼容性设置。重点介绍了scale属性的不同值及其效果,包括showall、noborder和exactfit。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>flash满屏显示</title>
<style type="text/css">
<!--
html,body{ /*这里就是解决在firefox和IE9等浏览器下的正常显示,记得一定要有HTML标签设置*/
    margin:0;
    height:100%;
    width:100%; 
}
-->
</style>
</head>

<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="100%" height="100%" align="middle">
<param name="movie" value="ex.swf" />
<param name="quality" value="high" />

<param name="scale" value="exactfit"/>
<embed src="Guide.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100%" height="100%" scale="exactfit"></embed>
</object>
</body>
</html>

 

scale 属性/参数
值: showall | noborder | exactfit
说明: (可选)当 width 和 height 值是百分比时,定义应用程序如何放置在浏览器窗口中。
“Showall”(默认值)使整个 Flash 内容显示在指定区域中,且不会发生扭曲,同时保持它的原始高宽比。边框可能会出现在应用程序的两侧。
“Noborder”对 Flash 内容进行缩放以填充指定区域,不会发生扭曲,它会使应用程序保持原始高宽比,但有可能会进行一些裁剪。
“Exactfit”使整个 Flash 内容显示在指定区域中,但不尝试保持原始高宽比。可能会发生扭曲。
如果忽略此属性(而且 width 和 height 值是百分比),则它的默认值是 showall。

可参考:Flash有关HTML参数详解

http://www.wenda.com.cn/tech/view.php?ID=469

### 如何优化或改进HTML代码的结构和可读性 为了提升HTML代码的结构化程度以及增强其可读性,可以从以下几个方面入手: #### 语义化的标签使用 采用具有明确意义的HTML标签代替通用的`<div>`或`<span>`标签能够显著改善代码的理解难度。例如,对于页面的主要部分应使用 `<header>`, `<nav>`, `<main>`, `<article>`, `<section>`, 和 `<footer>` 等语义化标签[^1]。 #### 层级分明的嵌套关系 保持清晰合理的DOM树层次有助于开发者快速定位特定区域并理解整体布局。避免过多不必要的包裹层或者扁平化处理不当的情况发生[^2]。 #### 添加必要的注释说明 虽然智能工具可以帮助生成一些基础性的描述信息,但在复杂业务逻辑处手动加入简洁明了的文字解释仍然非常重要。这不仅方便团队协作交流也利于后期维护工作开展。 #### 利用CSS预处理器简化样式管理 如果项目规模较大,则考虑引入SASS/LESS之类的解决方案来分离表现层定义从而减少内联style属性的应用频率;同时也可以借助它们提供的变量功能统一控制颜色字体大小等全局参数设定[^3]。 以下是经过上述原则调整后的示范版本: ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>示例网页</title> <!-- 外部资源链接 --> <link rel="stylesheet" href="styles.css"> </head> <body> <header role="banner"> <hgroup> <h1>网站名称</h1> <p>副标题简介...</p> </hgroup> <nav aria-label="主要导航栏"> <ul> <li><a href="#home">首页</a></li> ... </ul> </nav> </header> <main role="main"> <section id="content-area"> <article> <header> <h2>文章标题</h2> <time datetime="YYYY-MM-DDTHH:mm:ssZ">发表时间</time> </header> <p>正文内容...</p> ... </article> <!-- 更多区块... --> </section> <aside role="complementary"> 广告位或者其他辅助信息... </aside> </main> <footer role="contentinfo"> 版权声明 & 联系方式... </footer> <script src="scripts.js"></script> </body> </html> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值