概要
この要素は、何か特定のセマンティクスを表すものではない、フローコンテンツの為の汎用コンテナです。CSS によるスタイリングの用途等で、要素のグループ化が必要な場合に用います。多くの場合、 class 属性か id 属性、lang 属性等と共に使われます。セマンティクス上で他に適切な要素がある場合はそちらを使用して下さい。
<div>
は {{HTMLElement("span")}} 要素と非常に似た役割を持っています。{{HTMLElement("span")}} 要素がインラインレベル要素の汎用コンテナであるのに対し、<div>
はブロックレベル要素の為の汎用コンテナの役割を果たします。
使用可能な場所
コンテンツカテゴリ | フローコンテンツ |
---|---|
許可された内容 | {{HTMLElement("style")}} 及び、フローコンテンツ |
タグの省略 | 不可。開始タグと終了タグの両方が必要です。 |
許可された親要素 | フローコンテンツを受け入れる全ての要素 |
標準文書 | HTML5, section 4.5.13; HTML 4.01, section 7.5.4 |
属性
他の全ての要素と同様に、この要素はグローバル属性を持ちます。
{{HTMLVersionInline("5")}} では、 <div>
の align 属性 は{{obsolete_inline}}となっています。
DOM インタフェース
この要素は HTMLDivElement
インタフェースを提供します。
例
<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!
仕様
仕様書 | 策定状況 | コメント |
---|---|---|
{{SpecName('HTML WHATWG', 'grouping-content.html#the-div-element', '<div>')}} | {{Spec2('HTML WHATWG')}} | |
{{SpecName('HTML5 W3C', 'the-div-element.html#the-div-element', '<div>')}} | {{Spec2('HTML5 W3C')}} | |
{{SpecName('HTML4.01', 'struct/global.html#h-7.5.4', '<div>')}} | {{Spec2('HTML4.01')}} |
ブラウザ実装状況
{{CompatibilityTable}}
機能 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
基本サポート | 1.0 | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} |
機能 | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
基本サポート | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} |
関連情報
- セマンティックなセクショニング要素: {{HTMLElement("section")}}、 {{HTMLElement("article")}}、 {{HTMLElement("nav")}}、 {{HTMLElement("header")}}、 {{HTMLElement("footer")}}
- {{HTMLElement("span")}} 要素
{{HTML:Element_Navigation}}