Q154.
HTML 5 的語法＜audio controls＞＜source src="dog1.ogg" type="audio/ogg"＞＜source src="dog2.mp3" type="audio/mpeg"＞目前瀏覽器沒有支援聲音播放＜/audio＞，何者敘述有誤？
網頁設計 · 丙級 · 應用軟體安裝及使用 · Q154
難易度分析
3 / 5
本題要求考生區分 HTML5 影音標籤中不同屬性的功能差異，並理解多個來源檔案的載入優先順序與瀏覽器相容性回退機制，屬於需精確掌握標籤屬性定義的基礎概念題。
正確答案：①聲音會自動播放
① 聲音會自動播放:此敘述有誤。`controls` 屬性僅提供播放控制介面，並不會觸發自動播放。若要實現自動播放必須額外加上 `autoplay` 屬性，因此本選項為本題正確答案。
錯誤選項解析
- ② 網頁會出現聲音播放控制按鈕:此敘述正確。`controls` 屬性的作用即在網頁上渲染出播放、暫停、音量、進度條等控制按鈕，供使用者操作音訊播放。
- ③ 瀏覽器會優先嘗試播放dog1.ogg，若無支援再嘗試播放dog2.mp3，但只會播放其中一個聲音:此敘述正確。`<source>` 標籤由上至下依序嘗試，瀏覽器會優先使用第一個支援的編碼格式，成功載入後即停止後續嘗試，因此只會播放單一音訊檔案。
- ④ 瀏覽器沒有支援聲音播放時會出現文字「目前瀏覽器沒有支援聲音播放」:此敘述正確。當瀏覽器完全不支援 `<audio>` 標籤或所有提供的音訊格式時，會回退顯示 `<audio>` 與 `</audio>` 之間的替代文字，此為 HTML5 的降級（fallback）機制。
Learning Tip
"本題核心考點為 `<audio>` 標籤各屬性的功能區別：`controls` 僅顯示控制列、`autoplay` 才會自動播放、`loop` 負責循環播放。三者功能不同，考試常以混淆方式出題。另外需注意 `<source>` 的優先順序由上至下，且多個 `<source>` 僅供瀏覽器擇一使用，不會同時播放。實務上建議同時提供 OGG 與 MP3 兩種格式以涵蓋主流瀏覽器相容性。"
學員答題分佈
①聲音會自動播放0%
②網頁會出現聲音播放控制按鈕0%
③瀏覽器會優先嘗試播放dog1.ogg，若無支援再嘗試播放dog2.mp3，但只會播放其中一個聲音0%
④瀏覽器沒有支援聲音播放時會出現文字「目前瀏覽器沒有支援聲音播放」0%
此答題分佈是根據學員在 LongePass 模擬考等實際作答紀錄計算而成。與考友分享這道歷屆試題與詳細解析！