HTML リファレンスマニュアル

HTML タグ一覧

HTML: <details> タグ

HTML <details>要素は、展開状態に切り替わったときにのみ表示される情報を作成できます。<summary>要素は、その要素に要約またはタグを提供できます。

オンライン例

使用 <details> 要素：

例

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>HTML5　detailsタグの使用(基本教程網　oldtoolbag.com)</title>
</head>
<body>
<details>
　　　　<summary>詳細</summary>
　　　　Something　small　enough　to　escape　casual　notice.（基本教程網　oldtoolbag.com）
</details>
</body>
</html>

テストしてみる ‹/›

実行効果はどうですか：

ブラウザの互換性

IEFirefoxOperaChromeSafari

現在、ChromeとSafari 6 <details> タグをサポートしています。

タグの定義及び使用説明

<details> タグはユーザーが可視または隠された詳細を提供する要求を定義します。

<details> タグはユーザーが開閉するインタラクティブなコントロールとして使用されます。どんな形式の内容も <details> タグの中に置くことができます。

<details> 要素の内容はユーザーには不可視ですが、open属性が設定されている場合を除きます。

HTML 4.01 とHTML5の間の違い

<details> タグはHTML5 の中で新しいタグがあります。

ヒントと注意

ヒント：と <summary> タグを組み合わせて、detailsにタイトルを定義することができます。タイトルは可視で、ユーザーがタイトルをクリックすると、detailsが表示されます。

属性

New　：HTML5 の中で新しい属性を定義します。

属性	値	説明
openHTML5	open	detailsが可視であるかどうかを指定します。

グローバル属性

<details> タグのサポート HTMLのグローバル属性。

イベント属性

<details> タグのサポート HTMLのイベント属性。

HTML: <dfn> タグ HTML: <del> タグ