<picture>
影像·聲音·影片
按螢幕條件在幾張圖裡挑一張。
| 怎麼寫 | <picture></picture> |
|---|---|
| 閉合標籤 | </picture> |
| 空元素 | 不是 —— 必須閉合 |
| 常用屬性 | 沒有特別的 |
| 分類 | 影像·聲音·影片 |
怎麼看這一頁
- 標籤大多是開合成對的。只有 img、br 這種裡面沒內容的才不寫閉合標籤。
- 給空元素補一個 </br>，瀏覽器要麼當沒看見，要麼給你多出一個空行。
- 長什麼樣由 CSS 說了算。標籤說的是「這是什麼」，加粗、傾斜只是隨之而來的效果。
- 挑對語意的標籤，搜尋和螢幕閱讀會一起變好。全用 div 包起來，這些資訊就丟光了。
常見問題
Q. HTML 的 <picture> 標籤是做什麼的？
按螢幕條件在幾張圖裡挑一張。
Q. <picture> 怎麼寫？
寫成 <picture></picture> 這樣。開合成對，<picture> 配 </picture>。
Q. <picture> 常配哪些屬性？
這個標籤沒有特別常用的屬性。所有標籤共通的 class、id、style 照樣能寫。
Q. <picture> 屬於哪一類？
屬於影像·聲音·影片這一類。