首頁 web前端 html教學 html中的Object標籤到底要如何使用?

html中的Object標籤到底要如何使用?

Jun 30, 2017 am 11:39 AM
html object

我看書上說要是給一個地圖超連結 要用到OBJECT標籤讓圖片上地圖裡的每個地方指向的連結都不同該怎麼用實在搞不懂了

<object data="../picture/acoustics.jpg" usemap="#map1"></object>
登入後複製

這是書裡給的第一行指令後面的自己不會有高手幫忙解釋下謝謝

Object 標籤定義一個嵌入的物件。請使用此元素為您的 XHTML 頁面新增多媒體。此元素可讓您規定插入 HTML 文件中的物件的資料和參數,以及可用來顯示和操作資料的程式碼。幾乎所有主流瀏覽器都擁有部分對 標籤的支援。

標籤用於包含對象,例如圖像、音訊、視訊、Java applets、ActiveX、PDF 以及 Flash。如果未顯示 object 元素,就會執行位於 之間的程式碼。透過這種方式,我們能夠嵌套多個 object 元素(每個對應一個瀏覽器)。

播放 MP4 影片範例:

<html>
<body>
<object width="420" height="360"
classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="movie.mp4" />
<param name="controller" value="true" />
</object>
</body>
</html>
登入後複製


HTML 標籤
實例
為 HTML 程式碼新增一個物件:

<object classid="clsid:F08DF954-8592-11D1-B16A-00C0F0283628" id="Slider1"
width="100" height="50">
<param name="BorderStyle" value="1" />
<param name="MousePointer" value="0" />
<param name="Enabled" value="1" />
<param name="Min" value="0" />
<param name="Max" value="10" />
</object>
登入後複製

亲自试一试
浏览器支持

IE
Firefox
Chrome
Safari
Opera

几乎所有主流浏览器都拥有部分对 标签的支持。
定义和用法
定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数,以及可用来显示和操作数据的代码。
标签用于包含对象,比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。
object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持,这一点并未实现。
浏览器的对象支持有赖于对象类型。不幸的是,主流浏览器都使用不同的代码来加载相同的对象类型。
而幸运的是,object 对象提供了解决方案。如果未显示 object 元素,就会执行位于 之间的代码。通过这种方式,我们能够嵌套多个 object 元素(每个对应一个浏览器)。
HTML 与 XHTML 之间的差异
NONE
提示和注释:
注释: 标签定义用于对象的 run-time 设置。
注释:不要对图像使用 标签,请使用 标签代替。
可选的属性

属性

描述

align
left
right
top
bottom
定义围绕该对象的文本对齐方式。

archive URL 由空格分隔的指向档案文件的 URL 列表。这些档案文件包含了与对象相关的资源。
border pixels 定义对象周围的边框。
classid class ID 定义嵌入 Windows Registry 中或某个 URL 中的类的 ID 值,此属性可用来指定浏览器中包含的对象的位置,通常是一个 Java 类。
codebase URL 定义在何处可找到对象所需的代码,提供一个基准 URL。
codetype MIME type 通过 classid 属性所引用的代码的 MIME 类型。
data URL 定义引用对象数据的 URL。如果有需要对象处理的数据文件,要用 data 属性来指定这些数据文件。
declare declare 可定义此对象仅可被声明,但不能被创建或例示,直到此对象得到应用为止。
form form_id 规定对象所属的一个或多个表单。
height pixels 定义对象的高度。
hspace pixels 定义对象周围水平方向的空白。
name unique_name 为对象定义唯一的名称(以便在脚本中使用)。
standby text 定义当对象正在加载时所显示的文本。
type MIME_type 定义被规定在 data 属性中指定的文件中出现的数据的 MIME 类型。
usemap URL 规定与对象一同使用的客户端图像映射的 URL。
vspace pixels 定义对象的垂直方向的空白。
width pixels 定义对象的宽度。
全局属性
标签支持 HTML 中的全局属性。
事件属性
标签支持 HTML 中的事件属性。

<object data="helloworld.swf" />
登入後複製

or

<object classid="clsid:F08DF954-8592-11D1-B16A-00C0F0283628" id="Slider1" width="100" height="50">
<param name="BorderStyle" value="1" />
<param name="MousePointer" value="0" />
<param name="Enabled" value="1" />
<param name="Min" value="0" />
<param name="Max" value="10" />
</object>
登入後複製

以上是html中的Object標籤到底要如何使用?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆樹的耳語 - 如何解鎖抓鉤
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
<🎜>掩蓋:探險33-如何獲得完美的色度催化劑
2 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1677
14
CakePHP 教程
1430
52
Laravel 教程
1333
25
PHP教程
1278
29
C# 教程
1257
24
HTML 中的表格邊框 HTML 中的表格邊框 Sep 04, 2024 pm 04:49 PM

HTML 表格邊框指南。在這裡,我們以 HTML 中的表格邊框為例,討論定義表格邊框的多種方法。

HTML 中的巢狀表 HTML 中的巢狀表 Sep 04, 2024 pm 04:49 PM

這是 HTML 中巢狀表的指南。這裡我們討論如何在表中建立表格以及對應的範例。

HTML 左邊距 HTML 左邊距 Sep 04, 2024 pm 04:48 PM

HTML 左邊距指南。在這裡,我們討論 HTML margin-left 的簡要概述及其範例及其程式碼實作。

HTML 表格佈局 HTML 表格佈局 Sep 04, 2024 pm 04:54 PM

HTML 表格佈局指南。在這裡,我們詳細討論 HTML 表格佈局的值以及範例和輸出。

HTML 輸入佔位符 HTML 輸入佔位符 Sep 04, 2024 pm 04:54 PM

HTML 輸入佔位符指南。在這裡,我們討論 HTML 輸入佔位符的範例以及程式碼和輸出。

您如何在PHP中解析和處理HTML/XML? 您如何在PHP中解析和處理HTML/XML? Feb 07, 2025 am 11:57 AM

本教程演示瞭如何使用PHP有效地處理XML文檔。 XML(可擴展的標記語言)是一種用於人類可讀性和機器解析的多功能文本標記語言。它通常用於數據存儲

HTML 有序列表 HTML 有序列表 Sep 04, 2024 pm 04:43 PM

HTML 有序列表指南。在這裡我們也分別討論了 HTML 有序列表和類型的介紹以及它們的範例

HTML onclick 按鈕 HTML onclick 按鈕 Sep 04, 2024 pm 04:49 PM

HTML onclick 按鈕指南。這裡我們分別討論它們的介紹、工作原理、範例以及各個事件中的onclick事件。

See all articles