概要
HTML の <div>
要素 (HTML Document Division Element) は、何か特定のセマンティクスを表すものではない、フローコンテンツの為の汎用コンテナです。CSS によるスタイリングの用途等で、要素のグループ化が必要な場合に用います。多くの場合、 class 属性か id 属性、lang 属性等と共に使われます。セマンティクス上で({{HTMLElement("article")}} 、{{HTMLElement("nav")}}) など他に適切な要素がある場合はそちらを使用して下さい。
- コンテンツカテゴリ フローコンテンツ、パルパブルコンテンツ
- 許可された内容 フローコンテンツ
- タグの省略 {{no_tag_omission}}
- 許可された親要素 フローコンテンツを受け入れる全ての要素
- DOM インタフェース {{domxref("HTMLDivElement")}}
属性
他の全ての要素と同様に、この要素はグローバル属性を持ちます。
{{HTMLVersionInline("5")}} では、 <div>
の align 属性 は {{obsolete_inline}} となっています。
例
<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', 'grouping-content.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}}