HTML5新功能
出自六年制學程
details,summary
收納
一、基本
<details> <summary>標題</summary> <p>內容,可以使用標籤(<…>)。</p> </details>
- 只會顯示了 <summary> 標籤中的內容,其他都預設隱藏了;
- <summary> 標籤前面出現了一個小三角,尖端向右;
- 點擊一下小三角,尖端變成向下,原本隱藏的內容顯示出來了;
- 再一次點擊,內容又會隱藏收起,箭頭方向還原。
(一)open
<details <span style='color:#cd0000;'>open</span>> <summary>這是摘要2</summary> <content>這裡<details>標籤設置了HTML布爾屬性open,因此,默認是展開狀態。</content> </details>