HTML5新功能:修訂版本之間的差異

出自六年制學程
跳轉到: 導覽搜尋
一、基本
一、基本
第 13 行: 第 13 行:
 
<li>再一次點擊,內容又會隱藏收起,箭頭方向還原。
 
<li>再一次點擊,內容又會隱藏收起,箭頭方向還原。
 
</ol>
 
</ol>
 +
 +
====(一)open====
 +
<pre>&lt;details <span style="color:#cd0000;">open</span>&gt;
 +
    &lt;summary&gt;這是摘要2&lt;/summary&gt;
 +
    &lt;content&gt;這裡&amp;lt;details&amp;gt;標籤設置了HTML布爾屬性open,因此,默認是展開狀態。&lt;/content&gt;
 +
&lt;/details&gt;</pre>

2021年5月25日 (二) 18:37的修訂版本

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>