<summary> - サマリ

トップ > HTMLリファレンス > <summary>

概要

形式
<summary>~</summary>
サポート
LS / H5.1 / Ch12 / Fx49 / Sa6
カテゴリ
なし
親要素
details 要素
子要素
フレージングコンテンツ、または、ひとつの ヘッディングコンテンツ
タグの省略
開始タグ:必須、終了タグ:必須
属性
グローバル属性

説明

summaryは、details 要素の最初の子要素として記述し、サマリ情報を記述します。HTML5 の草案で検討されていましたが、HTML5 最終勧告には取り入れられず、HTML5.1 で採用されました。Chrome, Firefox, Opera ではサポートされていますが、Internet Explorer や Edge 15 ではまだサポートされていません。

属性

グローバル属性
詳細は グローバル属性 を参照してください。

使用例

<details> と組み合わせて下記の様に使用します。対応ブラウザでは、サマリのみが表示され、サマリをクリックすると、その他の部分もが表示されるようになります。

HTML
<details>
 <summary>検索オプション</summary>
 <div><label><input type="checkbox" name="ch1">日本語サイトのみ</label></div>
 <div><label><input type="checkbox" name="ch2">セーフサーチ無効</label></div>
</details>
表示
検索オプション

関連項目

<details>

リンク


Copyright (C) 2011-2017 杜甫々
初版:2011年6月11日 最終更新:2017年12月31日
http://www.tohoho-web.com/html/summary.htm