學HTML5開發,summary標籤的這些知識不得不知!
標籤是 HTML中最基本的單位,也是重要的組成部分。很多初學 HTML5的人會發現,HTML5新增了很多新標籤。今天,千鋒武漢小編就給大家介紹其中的一個——summary標籤,“summary”作為英文單詞有“總結”的意思,那它作為HTML中的標籤又是用來做什麼的呢?接下來我們一起來看看HTML中summary標籤的定義及用法。
一、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>
執行結果:
以上就是千鋒武漢小編關於HTML5中summary標籤的詳細介紹,希望能幫到大家!想了解更多HTML5知識,歡迎關注小編,後期會繼續分享HTML5知識喲!
本文來自千鋒教育,轉載請註明出處。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31548651/viewspace-2838465/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- IOS 開發不得不知道的網路知識iOS
- 做IT的,這些安全知識你不得不懂!
- 直播軟體開發:不知道這些知識太吃虧了?
- 學習 Java,你不得不知的泛型知識Java泛型
- HTML中你不得不知道的標籤及屬性HTML
- Html標籤知識點學習筆記HTML筆記
- 不得不知道的golang知識點之nilGolang
- Java全家桶的這些知識,不用學了Java
- 關於美顏SDK,還有這些你不知道的知識
- PhpCms模板標籤的基礎知識PHP
- 移動前端不得不瞭解的html5 head 頭標籤前端HTML
- Win8不得不知的動態磁貼小知識
- 錯錯錯!這些你絕對不知道的手機冷知識!
- 【HTML5】開發之meta標籤的viewport使用說明HTMLView
- 關於標籤元素的重點知識
- 實用技能:不知道這些SEO知識 何顏做站長!
- 你不得不知道的MyBatis基礎知識之<resultMap>(4)MyBatis
- html5標籤HTML
- 不得不知道的Python字串編碼相關的知識Python字串編碼
- Web前端開發的8個趨勢,這些知識輕鬆助力職場!Web前端
- HTML5的canvas標籤HTMLCanvas
- PHP開發的一些漏洞安全知識PHP
- Web前端主要學什麼?這些知識要掌握Web前端
- 想要成為黑客?那你需要學會這些知識黑客
- 這些不可不知的JVM知識,我都用思維導圖整理好了JVM
- HTML5新標籤或改動標籤HTML
- 動手學深度學習需要這些數學基礎知識深度學習
- HTML5常用標籤HTML
- HTML5 標籤列表HTML
- HTML5 新增標籤HTML
- HTML5 新標籤HTML
- HTML基礎知識6-表格標籤HTML
- HTML5學習(六):基礎標籤(二)HTML
- JSP簡單標籤標籤庫開發JS
- Android 你不得不學的HTTP相關知識AndroidHTTP
- 第六課 Html5常用標籤 html5學習1HTML
- 培訓學習HTML5程式設計開發,這些工具必不可少HTML程式設計
- 構建高效能佇列,你不得不知道的底層知識!佇列