HTML <div> 要素はフローコンテンツのための汎用コンテナであり、本質的に何も表しません。スタイリングのためのグループ要素として (class 属性か id 属性を使用)、あるいは文書で言語が異なる部分を示す (lang 属性を使用) ために使用します。
| コンテンツカテゴリー | フローコンテンツ、パルパブルコンテンツ |
|---|---|
| 許可された内容 | フローコンテンツ。 または (WHATWG HTML において) 親要素が <dl> である場合: 1 つ以上の <dt> 要素と、それに続く 1 つ以上の <dd> 要素、さらに任意で <script> 要素や <template> 要素が混在。 |
| タグの省略 | 不可。開始と終了タグの両方が必要。 |
| 許可された親要素 | フローコンテンツ を受け入れるすべての要素。 または (WHATWG HTML において) <dl> 要素。 |
| 許可された ARIA ロール | すべて |
| DOM インターフェイス | HTMLDivElement |
属性
他のすべての要素と同様に、この要素は グローバル属性 を持ちます。
align 属性は廃止されました。使用しないでください。
使用上の注意
例
<div> <p>Any kind of content here. Such as <p>, <table>. You name it!</p> </div>
表示結果
Any kind of content here. Such as <p>, <table>. You name it!
仕様
| 仕様書 | 策定状況 | コメント |
|---|---|---|
| HTML Living Standard <div> の定義 |
現行の標準 | 最新のスナップショットから変更なし。 |
| HTML5 <div> の定義 |
勧告 | align を廃止 |
| HTML 4.01 Specification <div> の定義 |
勧告 |
ブラウザー実装状況
We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
| 機能 | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
| 基本サポート | 1.0 | (有) | (有) | (有) | (有) | (有) |
| 機能 | Android | Edge | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| 基本サポート | (有) | (有) | (有) | (有) | (有) | (有) |