html5的source標籤怎麼用
- WBOY原創
- 2022-06-01 17:54:192994瀏覽
在html5中，source標籤用於提供不同類型的視訊或音訊檔案供瀏覽器進行選擇，語法為「
」。
本教學操作環境：windows10系統、HTML5版、Dell G3電腦。
html5的source標籤
可能的屬性值如下：
media media_query 規定媒體資源的類型，供瀏覽器決定是否下載。
src URL 規定媒體檔案的 URL。
type MIME_type 規定媒體資源的 MIME 型別。
sizes 不同頁面佈局設定不同圖片大小。
srcset URL
套用於 標籤時需要使用。指定在不同情況下使用的圖像 URL。
範例如下：
帶有兩個原始檔案的音訊播放器。瀏覽器需要選擇它所支援的來源檔案（如果都支援則任選一個）：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> </head> <body> <audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> 您的浏览器不支持 audio 元素。 </audio> </body> </html>
輸出結果：
推薦教學課程：《html影片教學》
以上是html5的source標籤怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：arc函數在html5中什麼意思下一篇：arc函數在html5中什麼意思