HTML 插件学习笔记

一、概述

HTML 插件的功能是扩展 HTML 浏览器的功能。辅助应用程序(helper application)也称为插件,它们可以被浏览器启动,用于播放音频、视频或其他功能。插件可以通过 <object> 标签或 <embed> 标签添加到页面中。然而,需要注意的是,大多数现代浏览器已经不再支持 Java 小程序和 Flash 插件。

二、<object> 元素

1. 基本概念

<object> 元素用于在 HTML 文档中嵌入对象,例如 Java 小程序、PDF 阅读器、Flash 播放器等。它也可以用于嵌入 HTML 文件或图片。

2. 基本语法

HTML复制

复制代码
<object width="400" height="50" data="bookmark.swf"></object>

预览

  • widthheight:定义嵌入对象的宽度和高度。

  • data:指定嵌入对象的路径。

3. 嵌入 HTML 文件

HTML复制

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

预览

通过 data 属性,可以嵌入一个 HTML 文件。

4. 嵌入图片

HTML复制

复制代码
<object data="audi.jpeg"></object>

预览

<object> 元素也可以用来嵌入图片。

三、<embed> 元素

1. 基本概念

<embed> 元素表示一个 HTML 嵌入对象。它在 HTML5 中被正式定义,但在 HTML4 中并未详细说明。尽管如此,<embed> 元素在 HTML5 页面上会被验证。

2. 基本语法

HTML复制

复制代码
<embed width="400" height="50" src="bookmark.swf">

预览

  • widthheight:定义嵌入对象的宽度和高度。

  • src:指定嵌入对象的路径。

3. 嵌入 HTML 文件

HTML复制

复制代码
<embed width="100%" height="500px" src="snippet.html">

预览

<embed> 元素同样可以用于嵌入 HTML 文件。

4. 嵌入图片

HTML复制

复制代码
<embed src="audi.jpeg">

预览

<embed> 元素也可以用来嵌入图片。

四、注意事项

  1. 浏览器支持 :虽然 <object><embed> 元素被所有主流浏览器支持,但现代浏览器已经关闭了对 Flash 的支持,因此使用这些标签嵌入 Flash 内容将无法正常工作。

  2. 替代文本<object> 元素可以包含替代文本,用于不支持嵌入对象的浏览器。而 <embed> 元素没有关闭标签,因此不能使用替代文本。

  3. 使用场景 :尽管 <object><embed> 元素可以用于嵌入多种类型的对象,但在现代网页开发中,更推荐使用 <video><audio> 标签来处理视频和音频内容,因为这些标签提供了更好的兼容性和控制功能。

相关推荐
智者知已应修善业13 小时前
【4060BD_5V应用电路图】2022-12-24
驱动开发·经验分享·笔记·硬件架构·硬件工程
小李不想当小白16 小时前
DMA直接存储器存取(STM32标准库学习笔记)
笔记·stm32·单片机·嵌入式硬件·学习·分享
2601_9653842618 小时前
口腔黏膜清洁的工程化路径:从表面形貌表征到清洁策略匹配
经验分享·笔记
泡泡鱼(敲代码中)18 小时前
Python 容器类型学习笔记:列表、元组、字典、集合
开发语言·笔记·python·pycharm
Hotchip_MEMS20 小时前
传统咪头与MEMS硅麦:雾化器气流传感方案对比
人工智能·笔记·物联网·电脑·制造
志尊宝20 小时前
Vue3 零基础每日笔记(040):Vite 创建 Vue3 + TS 项目——企业标配从这一篇开始
笔记·vue·html·前端开发·软件开发
水云桐程序员20 小时前
量子力学概论,量子力学概念总结
笔记·科技·学习·量子计算
darin_ฅ( ̳• ◡ • ̳)ฅ121 小时前
【 Obsidian】2026版-Obsidian安装Automatic Table of Contents 插件一键生成文章目录
笔记
2401_8501220421 小时前
航空、轨交、汽车线束防护有什么不同?三大行业的共性、差异与选型逻辑
经验分享·笔记·科技
志尊宝21 小时前
Vue3 零基础每日笔记(037):动手封装 useMouse 与 useWindowSize——事件监听的标准模板
前端·javascript·vue.js·笔记·html5