HTML5新功能

details,summary

收納

一、基本

<details>
    <summary>標題</summary>
    <p>內容，可以使用標籤(<…>)。</p>
</details>

1. 只會顯示了 <summary> 標籤中的內容，其他都預設隱藏了；
2. <summary> 標籤前面出現了一個小三角，尖端向右；
3. 點擊一下小三角，尖端變成向下，原本隱藏的內容顯示出來了；
4. 再一次點擊，內容又會隱藏收起，箭頭方向還原。

(一)open

<details <span style="color:#cd0000;">open</span>>
    <summary>這是摘要2</summary>
    <content>這裡&lt;details&gt;標籤設置了HTML布爾屬性open，因此，默認是展開狀態。</content>
</details>