檢視 HTML5新功能的原始碼

[[分類:HTML]]
==details,summary==
收納
===一、基本===
<pre>&lt;details&gt;
    &lt;summary&gt;標題&lt;/summary&gt;
    &lt;p&gt;內容，可以使用標籤(&lt;…&gt;)。&lt;/p&gt;
&lt;/details&gt;</pre>
<ol>
<li>只會顯示了 &lt;summary&gt; 標籤中的內容，其他都預設隱藏了；</li>
<li>&lt;summary&gt; 標籤前面出現了一個小三角，尖端向右；</li>
<li>點擊一下小三角，尖端變成向下，原本隱藏的內容顯示出來了；</li>
<li>再一次點擊，內容又會隱藏收起，箭頭方向還原。
</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>