小码哥的IT人生

HTML 插件 详解

HTML基础 2022-05-19 17:01:49小码哥的IT人生shichen

HTML 插件

插件(Plug-in)是扩展浏览器标准功能的计算机程序。

插件

插件被设计用于许多不同的目的:

  1. 运行 Java 小程序
  2. 运行 ActiveX 控件
  3. 显示 Flash 电影
  4. 显示地图
  5. 扫描病毒
  6. 验证银行账号

警告!

大多数浏览器不再支持 Java Applet 和插件。

所有浏览器均不再支持 ActiveX 控件。

在现代浏览器中,对 Shockwave Flash 的支持也已关闭。

<object> 元素

所有浏览器均支持 <object> 元素。

<object> 元素定义 HTML 文档中的嵌入式对象。

它旨在将插件(例如 Java applet、PDF 阅读器和 Flash 播放器)嵌入网页中,但也可以用于将 HTML 包含在 HTML 中:

示例代码:

<object width="100%" height="500px" data="snippet.html"></object>

 

完整实例【亲自试一试】:

<!DOCTYPE html>
<html>
<body>
<object width="100%" height="500px" data="/demo/html/table.html"></object>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

或者您喜爱的图像:

示例代码:

<object data="audi.jpeg"></object>

 

完整实例【亲自试一试】:

<!DOCTYPE html>
<html>
<body>
<object data="/i/photo/tulip.jpg"></object>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

<embed> 元素

所有主要浏览器均支持 <embed> 元素。

<embed> 元素也可定义了 HTML 文档中的嵌入式对象。

Web 浏览器长期以来一直支持 <embed> 元素。但是,它不属于 HTML5 之前的 HTML 规范的一部分。

示例代码:

<embed src="audi.jpeg">

 

完整实例【亲自试一试】:

<!DOCTYPE html>
<html>
<body>
<embed src="/i/photo/tulip.jpg">
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

请注意,<embed> 元素没有结束标记。它无法包含替代文本。

<embed> 元素也可用于在 HTML 中包含 HTML:

示例代码:

<embed width="100%" height="500px" src="snippet.html">

 

完整实例【亲自试一试】:

<!DOCTYPE html>
<html>
<body>
<embed width="100%" height="500px" src="/demo/html/table.html">
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024