mark元素、details元素和summary元素
<mark>:用於顯示HTML頁面中重點「關注」的內容,該元素可以指定id、style、class和hidden等通用屬性。在瀏覽器中通常會用黃色顯示<mark.../>標註的內容。
使用<mark.../>元素非常簡單,只需要使用<mark>和</mark>把重點標註出來就行。
<mark.../>元素非常適合用於「高亮顯示」全文檢索的關鍵字。
<details.../>元素用於顯示一段詳細信息或某個主題的細節。<details.../>元素通常會與<summary.../>元素結合使用,在把<summary.../>放在<details.../>元素內部時,<summary.../>元素用於為<details.../>定義摘要信息,摘要默認是可見的,點擊摘要信息時,瀏覽器會顯示出<details.../>里的詳細內容。
Advertisements
只顯示了摘要信息
點擊摘要信息后,顯示出它的詳細信息,再次點擊后詳細信息又會收回去的哦!
快來自己動手試一試吧!