从2017年1月起,微软广告营销平台将不再支持用Flash设计的广告。 自YouTube从Flash转向HTML5开发以支持视频、Adobe采用HTML5以及Apple以开放的态度在联通设备上支持Flash之后,这标志着HTML5与Flash争论的另一个转折点。
HTML5开发
Flash 和 HTML5 攻击相似的领域并寻求执行一些相同的功能,它们的主要特征、优点和缺点是开发 Web 时需要考虑的因素。
HTML5
哪个是HTML5? HTML5 是著名的浏览器语言超文本标记语言(HTML) 的第五个版本,通过它创建Web 文档(即网页)。 它由文本、标签、元素和属性组成,定义浏览器如何显示 Web 内容。 文本打开和关闭的角度包含标签框架,编程值定义包含的隐含结构。 例如,
HTML5是HTML的最新版本,功能更加强大。 它扩展了可以嵌入网页中的多媒体元素的列表。 HTML5 使用canvas 元素、级联样式表(CSS) 和JavaScript 支持可扩展矢量图形(SVG)、动画以及音频和视频交互性的多媒体特定标签。
HTML5 消除了对第三方插件(例如插件和 API)的需求,并通过在文档文本本身中嵌入代码来促进内容的运行。 这解决了先前迭代中发现的兼容性问题html5插件,其中需要使用第三方插件或专有 API 才能正确呈现 HTML 文档。 这种自主界面还使 HTML5 成为可部署在任何设备上的轻量级框架。 为此,HTML5特别适合联通设备上的自适应渲染,可以为联通和桌面浏览器提供相同的交互体验。
闪光
Flash 是 Adobe 用于创建富互联网应用程序 (RIA) 的单独专有工具所提供的技术的通用名称。 RIA 包括使用 Flash 平台设计的图形、动画、音频、视频和交互性html5插件,以在 Web 上提供身临其境的用户体验。 Flash 技术包括基于矢量的图形和动画、对音频和视频格式的支持以及基于 Storm 的 ActionScript 语言中用于交互式 Web 功能的面向对象编程。 Flash 技术在专有的集成开发环境 (IDE) 中提供,并配有所有必要的创作工具。 它们提供了轻松创建和分发 RIA 功能的能力,而无需广泛的编码知识。 FlashIDE 中的发布功能可创建压缩的 Shockwave Flash 文件 (.swf),与 Adobe Flash Player 插件一起使用时,这些文件可在不同浏览器之间提供一致的性能。
Flash 的优点包括文件格式紧凑、下载时间短以及可以轻松适应不同浏览器显示和帧速率的高质量图形。 此功能与广泛的遗留支持和开发相结合,使 Flash 成为在 Web 上创建增强用户体验的可行工具。
Html5与Flash的优劣对比
作为当今能够支持类Flash技术的开源语言,HTML5已经成为Web开发新的首选。 它提供了许多 Web 文档结构、样式和交互功能,例如图像中的可搜索文本(通过 SVG)以及用于改进文档显示的新标签、元素和属性。 它还具有通过其轻量级框架提供更好的连接性的优势,需要更少的处理能力。
相反,作为一项相对较新的技术,HTML5仍然没有完全包含在所有浏览器中。 由于它是在不同的开发阶段实现的,因此在不同的浏览器中仍然容易显示不同的内容。 它还缺乏 Flash 更强大的美学功能,例如创建视觉丰富的 3D 体验或“电影般的效果”。 尽管存在这样的缺点(包括需要更多的编码知识才能实现),HTML5 仍正在成为主要标准。
相比之下,Flash功能早已成熟,并且有大量的开发者熟悉使用其工具。 这些技术被绝大多数旧版浏览器所采用,但已被证明在不同浏览器平台上更加一致。 此外,Flash需要一个额外的组件,即Adobe Flash Player插件才能运行; 由于频繁的崩溃和一些安全问题,较新的浏览器不再支持Flash播放器,联通浏览器的支持也已完全丧失。 尽管浏览器不再支持 Flash,但它仍然是开发本机游戏和应用程序的热门选择,可以从 Google Play 等应用程序商店下载。 Flash 还支持桌面应用程序,并提供用于创作和发布 Web 内容的资源,而无需丰富的编程知识。
未来发展
如前所述,由于Flash缺乏联通支持以及在较新浏览器上不稳定,谷歌、苹果和YouTube等科技巨头已经逐渐迁移到HTML5,许多其他公司也纷纷效仿。 2010年,史蒂夫·乔布斯写下了著名的“Flash Thoughts”信,坚定了他对Flash技术缺陷的立场。 YouTube 的一位工程师对 HTML5 的好处也表达了类似的想法,2015 年 YouTube 最终从 Flash 切换为 HTML5 作为默认网络播放器。 做出这一决定是为了跟上 HTML5 技术势不可挡的新技术。 最后,Adobe似乎是最伟大的声明,Adobe现在提供了使用HTML5的工具,并将Flash技术转换为官方标准。
软件技术供应商在将Flash开发或迁移到中国联通和Internet Technologies的HTML5时将得到很好的服务,因为从长远来看,Html5有望战胜Flash。 但网站保留Flash是因为它具有一些优越的审美功能和传统优势,直到HTML5的发展才能完全取代它。
所谓框架就是将页面定义为若干个窗口,这样我们就可以在同一个浏览器中显示多个页面。
1. 框架组
标签不能与标签共存。
共同属性:
cols:垂直切割(切割原则:多个块之间使用“,”,每个块可以使用像素,也可以使用比例。注意“*”代表其余)
行:垂直切割
frameborder:定义框架的边框,其值可以是0和1,0表示无边框,1表示显示边框。
border:定义框架的边框长度
bordercolor:定义框架的边框颜色
帧间距:定义帧与帧之间的距离。
是frame标签,它定义了每个frame中放置的页面。
共同属性:
src:定义该框架要显示的页面url
name:定义此框架的名称(供其他标签的target属性使用)
frameborder:定义框架的边框,其值可以是0和1,0表示无边框,1表示显示边框。
框架间距:定义框架与框架之间的距离
bordercolor:定义框架的边框颜色
scrolling:定义是否显示滚动,YES表示显示,NO表示不显示,AUTO视情况而定。
noresize:定义框架的大小不能改变。
marginhight:定义为框架的高度部分保留的空间。
marginwidth:定义在框架长度部分的边缘保留的空间。
2. 内嵌框架
元素创建一个包含另一个文档的内联框架(即内联框架)。
共同属性:
src:定义某些框架要显示的页面url
name:定义一些框架的名称
width:定义某些帧的长度
height:定义一些框架的高度
marginwidth:定义插入页面的长度和框架的边缘
marginheight:定义插入页面与框架边缘之间保留的高度
frameborder:定义框架的边框,1表示显示边框,0表示不显示
scrolling:定义是否允许滚动,YES允许,NO不允许。
6.其他标签
1. 元标签
该元素提供有关页面的元信息,例如搜索引擎的描述和关键字以及更新频率。 该标签位于文档的腹部,不包含任何内容。 标签的属性定义名称/值对。
meta标签位于html页面中html显示文本,完成HTTP合约的等效功能。 HTTP合约稍后会讨论,这里简单提一下。 HTTP合约有一个概念叫请求头,请求头的格式是:key=value。
Http-equiv用于确定HTTP请求头key决定的值,例如:Content-Type决定浏览器查看的编码方式。
content用于判断HTTP请求头值确定的值,如:text/html;charset=UTF-8,确定以UTF-8编码查询。 Text/html 文件的类型为 html。
关于编码:
UTF-8:Unicode,支持英文、中文、其他文本(日文、韩文等)
ISO8859-1:仅支持英语。
GB2312:国家标准代码,支持繁体英文
GBK:GB2312升级版本html显示文本,支持繁体和繁体中文
GB18030:GBK的升级版本,支持繁体中文、繁体中文及少数民族字体。
常见编码:UTF-8、GBK、ISO-8859-1
告诉浏览器使用utf-8编码
2.链接标签
标签定义文档与外部资源的关系。
标签最常见的用途是链接样式表。
只能存在于头部,但可以出现任意多次。
共同属性:
type:定义链接文档的MIME类型
href:定义被链接文档的 URL
rel:定义当前文档和链接文档之间的关系。
关于标签的详细使用,我们会在css中介绍
3.脚本标签