当前位置: 首页 > news >正文

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> 标签来处理视频和音频内容,因为这些标签提供了更好的兼容性和控制功能。

http://www.dtcms.com/a/107345.html

相关文章:

  • 996引擎-生肖(首饰盒)
  • 关于testng.xml无法找到类的问题
  • 从入门到入土,SQLServer 2022慢查询问题总结
  • Linux进程信号:【什么是信号】【产生信号】【保存信号】【捕捉信号】【可重入函数】【volatile】【SIGGHLD】
  • R语言、BIOMOD2丨物种分布模型研究进展与挑战
  • 【 <二> 丹方改良:Spring 时代的 JavaWeb】之 Spring Boot 中的文件上传与下载:实现文件管理功能
  • 使用Docker快速部署Dify
  • 智能导视:引领未来导航的创新力量
  • Pytorch 第十三回:神经网络编码器——自动编解码器
  • Linux内核优化
  • [高级数据结构]线段树SegmentTree
  • 监控易一体化运维:高性能与易扩展,赋能运维新高度
  • 37-Openwrt 使用wpa_supplicant实现sta
  • Linux网络相关概念和重要知识(5)(对会话和表示层的理解、网络计算器的实现)
  • 冷门预警,013英超焦点战:利物浦VS埃弗顿,红军主场迎战太妃糖,德比夜暗藏玄机
  • .NET 使用 WMQ 连接Queue 发送 message 实例
  • 机器视觉--python基础语法
  • 【Pandas】pandas DataFrame dtypes
  • zk基础—3.集群与核心参数一
  • 深度学习查漏补缺:4.数据分布的度量
  • 从零掌握 Playwright:用 Python 玩转现代浏览器自动化
  • 阿里云文生视频或图生视频Prompt提示词设计与优化
  • 特殊图判断
  • 【论文笔记】Llama 3 技术报告
  • SQL 语言基础:分组集(Grouping Sets)、CUBE 和 ROLLUP
  • blender二次元上色
  • TypeScript:环境安装与配置全指南
  • HTTP keepalive 详解
  • RAG(检索增强生成)技术构建垂直领域或个人知识库
  • RNN模型及NLP应用(3/9)——Simple RNN 模型