圖像映射與頁面背景音樂
object標簽:
定義一個嵌入的對象。請使用此元素向您的 XHTML 頁面添加多媒體。此元素運行您規定插入 HTML 文檔中的對象的數據和參數,以及可用來顯示和操作數據的代碼。
當使用那些瀏覽器不支持的鏈接插入標簽可用object做替代文本。
一般我們在網頁上面放一張地圖性質的圖片時,在圖片上的地點放幾個鏈接點,對地名做介紹,或鏈接到與其有關的網頁。
img中的alt標記為替代文本,防止前一個文本沒用時作備用
usemap:
規定與對象使用的圖像映射的名稱。圖像映射是帶有可點擊區域的圖 也可以與object搭配使用,通俗點說就是把一張圖片的莫一個區域當作是鏈接,可以鏈接網站,路徑等。。。
shape :
定義映射區域的形狀 rect(矩形)circle(圓形)poly(多邊形)
cords:
設置可以點擊的區域的坐標,屬性值單位為像素。
如果shape="rect",cords屬性值分別是矩形的左,上,右,下四條邊的坐標。
如果shape='circle",cords屬性指分別是圓形的圓形坐標和半徑。
如果shape="poly" ,cords屬性分別是多邊形的各個頂點的坐標。
<img src="369.png" usemap="#map1" alt="地圖" title="華東交通大學"/><br/>
<p> 1</p>
<p> 2</p>
<p> 3</p>
<p>4 </p>
<map name="map1">
<area shape="rect" coords="80,75,100,100"
alt="建設銀行" title="建設銀行" target="_blank">
<area shape="circle" coords="97,116,7"
alt="五谷漁粉" title="五谷漁粉"
target="_blank">
<area shape="circle" coords="240,34,7"
alt="正港
大雞排" title="正港大雞排" target="_blank">
<area shape="rect" coords="3,284,40,300"
alt="圖書館" title="圖書館" target="_blank" >
</map>
audio :
HTML 5 的新標簽,定義聲音,比如音樂或其他音頻流。
HTML5 Audio標簽能夠支持wav, mp3, ogg, acc, webm等格式
常備屬性
autopsy 音樂在網頁就緒后自動播放
controls 是否顯示出控制插件
preload 音頻在頁面進行加載的時候進行加載,并預備播放
source 允許您規定可替換的視頻/音頻文件供瀏覽器根據它對媒體類型或者編解碼器的支持進行選擇
顯示音樂控件代碼:
<audio autoplay="autoplay" controls="controls"loop="loop" preload="auto"
src="Shawn Mendes - Imagination.mp3">
</audio>
隱藏音樂控件:
<audio autoplay="autoplay">
<source src="Shawn Mendes - Imagination.mp3" type="audio/mpeg">
</audio>
還有其他幾種不常見 的方法
1:
使用比較老的辦法 使用bgsound標簽插入音頻,不過這種只適合IE瀏覽器
<body>
<bgsound src="Shawn Mendes - Imagination.mp3">
</body>
2:
插入一個flash播放器,然后播放相應的音樂。不推薦這種方法,因為flash已經沒前途了,現在的手機幾乎都不直接支持flash。
3
使用embed標記,不僅可以用于插入音頻,還可以用于插入flash,視頻等多種多媒體對象。
<embed src="Shawn Mendes - Imagination.mp3" width="300" height="30"
autostart="true" loop="true">
width 為播放器的寬 height為高
autostart為自動播放屬性, true則為自動播放,false為手動播放
loop為循環屬性,true為無限循環,為正整數是循環次數,false為不循環。