<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>要素の内容を要約したりします。