<summary>の解説|クロノドライブのHTML5辞典

<summary>

対応ブラウザ Chrome 18~ / Opera 15~ / Safari 6.0~ / Android 4.0~ / iOS 6.0~
タグの分類 なし 含められるもの フレージング・コンテンツ
使える場所 <details>要素の最初の子要素
用例 <details>
<summary>詳細を見る</summary>
</details>

<summary>とは

「summary」とは、<details>要素の子要素として使用し、要約やキャプション、説明を表す際に使用するタグです(<details>要素は追加の情報や備考、詳細情報を示す際に使用されます)。

<summary>タグに対応しているブラウザでは<summary>要素で囲んだテキストをクリックすることで、詳細情報の表示・非表示を切り替えられます。<summary>タグを省略した場合はデフォルトのテキストが表示されたり、ブラウザが<details>要素の内容を要約したりします。