HTML 基礎(chǔ)教程

HTML 媒體

HTML 參考手冊

HTML5 基礎(chǔ)教程

HTML5 API

HTML5 媒體

HTML 插件

插件的功能是擴(kuò)展 HTML 瀏覽器的功能。

HTML 助手(插件)

輔助應(yīng)用程序(helper application)是可由瀏覽器啟動的程序。輔助應(yīng)用程序也稱為插件。

輔助程序可用于播放音頻和視頻(以及其他)。輔助程序是使用 <object> 標(biāo)簽來加載的。

使用輔助程序播放視頻和音頻的一個優(yōu)勢是,您能夠允許用戶來控制部分或全部播放設(shè)置。

插件可以通過 <object> 標(biāo)簽或者 <embed> 標(biāo)簽添加在頁面中。 

大多數(shù)輔助應(yīng)用程序允許對音量設(shè)置和播放功能(比如后退、暫停、停止和播放)的手工(或程序的)控制。

我們可以使用 <video> 和 <audio> 標(biāo)簽來顯示視頻和音頻

<object> 元素

所有主流瀏覽器都支持 <object> 標(biāo)簽。

<object> 元素定義了在 HTML 文檔中嵌入的對象。

該標(biāo)簽用于插入對象 (例如在網(wǎng)頁中嵌入 Java 小程序, PDF 閱讀器,   Flash 播放器) 。

示例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基礎(chǔ)教程(cainiaoplus.com)</title> 
</head>
<body>

<object width="400" height="50" data="/run/html/bookmark.swf"></object>
 
</body>
</html>
測試看看 ?/?
<object> 元素同樣可用于包含HTML文件:

示例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基礎(chǔ)教程(cainiaoplus.com)</title> 
</head>
<body>

<object width="100%" height="500px" data="/run/demo_iframe.html"></object>
 
</body>
</html>
測試看看 ?/?

或者插入一張圖片:

示例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基礎(chǔ)教程(cainiaoplus.com)</title> 
</head>
<body>

<object data="/static/images/logo-n.png"></object>
 
</body>
</html>
測試看看 ?/?

<embed> 元素

所有主流瀏覽器都支持 <embed> 元素。

<embed> 元素表示一個 HTML Embed 對象 。

<embed> 元素已經(jīng)出現(xiàn)很長一段時間了,但是在 HTML5 前并未被詳細(xì)說明,該元素在 HTML 5 頁面上會被驗證,在 HTML 4 上不會。

示例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基礎(chǔ)教程(cainiaoplus.com)</title> 
</head>
<body>

<embed width="400" height="50" src="/run/html/bookmark.swf">

</body>
</html>
測試看看 ?/?

注意 <embed> 元素沒有關(guān)閉標(biāo)簽。 不能使用替代文本。

<embed> 元素同樣可用于包含 HTML 文件:

示例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基礎(chǔ)教程(cainiaoplus.com)</title> 
</head>
<body>

<embed width="100%" height="500px" src="/run/demo_iframe.html">

</body>
</html>
測試看看 ?/?

或者插入一張圖片:

示例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基礎(chǔ)教程(cainiaoplus.com)</title> 
</head>
<body>

<embed src="/static/images/logo-n.png">

</body>
</html>
測試看看 ?/?

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清