【HTML】detailタグ - 開閉式詳細

HTMLのdetailタグをご紹介します。

detailタグ

detailタグは開閉式コンテンツをマークアップします。

基本構文

<details>
  <summary>概要</summary>
  詳細
</details>

開閉式コンテンツの見出しはsummaryタグでマークアップします。

summaryタグ

summaryタグはdetail要素の見出しをマークアップします。

サンプルコード

<details>
  <summary>HTML</summary>
  HTMLの正式名称はHyperText Markup Languageです。
</details>