mark元素、details元素和summary元素

<mark>:用於顯示HTML頁面中重點「關注」的內容,該元素可以指定id、style、class和hidden等通用屬性。在瀏覽器中通常會用黃色顯示<mark.../>標註的內容。

使用<mark.../>元素非常簡單,只需要使用<mark>和</mark>把重點標註出來就行。

<mark.../>元素非常適合用於「高亮顯示」全文檢索的關鍵字。

<details.../>元素用於顯示一段詳細信息或某個主題的細節。<details.../>元素通常會與<summary.../>元素結合使用,在把<summary.../>放在<details.../>元素內部時,<summary.../>元素用於為<details.../>定義摘要信息,摘要默認是可見的,點擊摘要信息時,瀏覽器會顯示出<details.../>里的詳細內容。

Advertisements

只顯示了摘要信息

點擊摘要信息后,顯示出它的詳細信息,再次點擊后詳細信息又會收回去的哦!

快來自己動手試一試吧!

Advertisements

你可能會喜歡