html summary標籤怎麼用-前端問答-PHP中文網

html summary標籤怎麼用

藏色散人

發布： 2019-05-28 10:44:09

原創

3641 人瀏覽過

html summary標籤包含details元素的標題，"details" 元素用於描述有關文件或文件片段的詳細資訊。請與

標籤一起使用。標題是可見的，當使用者點擊標題時會顯示出詳細資訊。

html summary標籤怎麼用

html summary標籤怎麼用？

作用：包含 details 元素的標題，"details" 元素用於描述有關文件或文件片段的詳細資訊。

說明：

標籤是 HTML 5 中的新標籤。

註解：請與

標籤一起使用。標題是可見的，當使用者點擊標題時會顯示出詳細資訊。 "summary" 元素應該是 "details" 元素的第一個子元素。只有 Chrome 以及 Safari 6 支援

標籤。

html summary標籤使用範例1

<!DOCTYPE HTML>
<html>
<body>
<details>
<summary>HTML 5</summary>
This document teaches you everything you have to learn about HTML 5.
</details>
</body>
</html>

登入後複製

效果輸出：

html summary標籤怎麼用

html summary標籤使用範例2

<!DOCTYPE HTML>
<html>
<body>
<details>
<summary>西门大官人</summary>
西门大官人是php中文网的高级讲师，拥有7年的php开发经验。
</details>
</body>
</html>

登入後複製

效果輸出：

html summary標籤怎麼用

以上是html summary標籤怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學

html summary標籤怎麼用