HTML5<embed>標籤的用法你知道多少？HTML5<embed> 標籤屬性詳解

HTML5<embed>標籤的用法你知道多少？接下來的這篇文章將給大家主要講解關於HTML5<embed>標籤的7種使用方法以及HTML5<embed>標籤的屬性用法。

HTML5<embed>標籤的定義和用法：

<embed> 標籤定義嵌入的內容，比如外掛程式。下有執行個體：

<embed src="helloworld.swf" />

HTML5<embed>標籤的屬性：

HTML5 embed標籤使用方法和屬性詳解：

基本文法

代碼如下:

embed src=url

說明：embed可以用來插入各種多媒體，格式可以是 Midi、Wav、AIFF、AU、MP3等等，Netscape及新版的IE 都支援。url為音頻或視頻檔案及其路徑，可以是相對路徑或絕對路徑。

樣本，代碼如下:

 <embed src="your.mid">

1.<embed>標籤容器屬性：

文法：height=# width=#

說明：取值為正整數或百分數，單位為像素。該屬性規定控制台的高度和寬度。

height：控制台的高度；

width：控制台的寬度。

樣本，代碼如下:

<embed src="your.mid" height=200 width=200>

2.<embed>標籤前景色彩和背景色：

文法：palette=color|color

說明：該屬性工作表示嵌入的音頻或視頻檔案的前景色彩和背景色，第一個值為前景色彩，第二個值為背景色，中間用 | 隔開。color可以是RGB色（RRGGBB）也可以是顏色名，還可以是transparent （透明）。

樣本，代碼如下:

 <embed src="your.mid" palette="red|black">

3.<embed>標籤對齊：

文法：align=top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom

說明：該屬性規定控制台和當前行中的對象的對齊。

center：控制台置中；

left：控制台居左；

right：控制台居右；

top：控制台的頂部與當前行中的最高對象的頂部對齊；

bottom：控制台的底部與當前行中的對象的基準對齊；

baseline：控制台的底部與文本的基準對齊；

texttop：控制台的頂部與當前行中的最高的文字頂部對齊；

middle：控制台的中間與當前行的基準對齊；

absmiddle：控制台的中間與當前文本或對象的中間對齊；

absbottom：控制台的底部與文字的底部對齊。

樣本，代碼如下:

<embed src="your.mid" align=top> <embed src="your.mid" align=center>

4.<embed>標籤解說文字：

文法：title=#

說明：#為說明的文字。該屬性規定音頻或視頻檔案的解說文字。

樣本，代碼如下:

 <embed src="your.mid" title="第一首歌">

5.<embed>標籤外觀設定：

文法：controls=console、smallconsole、playbutton、pausebutton、stopbutton、volumelever 說明：該屬性規定控制台的外觀。預設值是console。

console：一般正常面板；

smallconsole：較小的面板；

playbutton：只顯示播放按鈕；

pausebutton：只顯示暫停按鈕；

stopbutton：只顯示停止按鈕；

volumelever：只顯示音量大小按鈕。

樣本，代碼如下:

 <embed src="your.mid" controls=smallconsole> <embed src="your.mid" controls=volumelever>

6.<embed>標籤自動播放：

文法：autostart=true、false

說明：該屬性規定音頻或視頻檔案是否在下載完之後就自動播放。

true：音樂檔案在下載完之後自動播放；

false：音樂檔案在下載完之後不自動播放。

樣本，代碼如下:

<embed src="your.mid" autostart=true> <embed src="your.mid" autostart=false>

7.<embed>標籤迴圈播放：

文法：loop=正整數、true、false

說明：該屬性規定音頻或視頻檔案是否迴圈及迴圈次數。

屬性值為正整數值時，音頻或視頻檔案的迴圈次數與正整數值相同；

屬性值為true時，音頻或視頻檔案迴圈；

屬性值為false時，音頻或視頻檔案不迴圈。

樣本，代碼如下:

<embed src="your.mid" autostart=true loop=2> <embed src="your.mid" autostart=true loop=true> <embed src="your.mid" autostart=true loop=false>

HTML5<embed>標籤的提示和注釋：

注釋：<embed> 標籤必須有 src 屬性。

提示：您無法在開始標籤和結束標籤之間寫文本，來說明舊式的瀏覽器不支援該標籤，就像 <audio> 和 <video>。

HTML 4.01 與 HTML 5 之間的差異：

<embed> 標籤是 HTML 5 中的新標籤。

【相關推薦】

HTML5新增的結構元素有哪些？HTML5新增的結構元素的用法（推薦）

HTML5中的article標籤是什嗎？HTML5中的article元素用在什麼地方？