學HTML5開發，summary標籤的這些知識不得不知！

千鋒武漢發表於2021-10-21
HTML

       標籤是 HTML中最基本的單位，也是重要的組成部分。很多初學 HTML5的人會發現，HTML5新增了很多新標籤。今天，千鋒武漢小編就給大家介紹其中的一個——summary標籤，“summary”作為英文單詞有“總結”的意思，那它作為HTML中的標籤又是用來做什麼的呢？接下來我們一起來看看HTML中summary標籤的定義及用法。

88

       一、summary標籤的定義及用法

       在HTML中，summary標籤是HTML5中新增標籤，是使用來為details元素定義一個可見的標題， 當使用者點選該標題的時候，將顯示出詳細資訊。

       summary標籤必須和details標籤配合使用，單獨使用沒有任何意義。

       二、summar標籤語法格式

       <details><summary>標題</summary>詳細資訊</details>

       說明：當點選summary標籤中的標題時，將顯示詳細資訊。

       三、例項

       <!DOCTYPE HTML><HTML><head>

       <meta charset="utf-8" />

       <title>HTML5中summary標籤的詳細介紹</title>

       </head>

       <body style="background-color: bisque;">

       <h3>summary標籤演示</h3>

       <details>

       <summary>HTML</summary>

       超文字標記語言(Hyper Text Markup Language)，<br>標準通用標記語言下的一個應用。

       </details>

       </body></HTML>

       執行結果：

圖片1

       以上就是千鋒武漢小編關於HTML5中summary標籤的詳細介紹，希望能幫到大家！想了解更多HTML5知識，歡迎關注小編，後期會繼續分享HTML5知識喲！

       本文來自千鋒教育，轉載請註明出處。

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/31548651/viewspace-2838465/，如需轉載，請註明出處，否則將追究法律責任。

相關文章