summary

提供: ASCII.jp HTMLリファレンス

ver.未対応~ ver.未対応~ ver.14~ ver.未対応~ ver.未対応~
意味 details要素の要約
読み方 サマリー

カテゴリー

なし

親にできる要素/カテゴリー

details要素の最初の子要素として

子にできる要素/カテゴリー

フレージング・コンテンツ

<summary 属性="値">~</summary>

グローバル属性

accesskey,class,contenteditable,contextmenu,dir,draggable,hidden,id,lang,spellcheck,style,tabindex,title

説明

 summary要素は、details要素の最初の子要素として使い、details要素の残りの部分の要約を出力するのに使います。

 執筆時点では、details要素がGoogle Chrome 14でのみ動作しますので、summary要素もGoogle Chrome 14でのみ動作を確認できます。

サンプル

(body要素の内部のみ掲載)

<details>
<summary>sample.txt</summary>
<ul>
<li>テキストファイル</li>
<li>700バイト</li>
<li>300文字</li>
</ul>
</details>

サンプル実行画像

 Internet Exlorer 9での表示例です。details要素が実装されていないので、details要素の内容がそのまま表示されます。

 Google Chrome 14での初期状態の表示例です。summary要素の中身(要約)だけが表示されます。

 Google Chrome 14で、要約をクリックしたところです。詳細な情報も表示されます。

Powered by Web Professional

目次