概要
HTML の <div>
要素 (HTML Document Division Element) は、何か特定のセマンティクスを表すものではない、フローコンテンツの為の汎用コンテナです。スタイリングのためのグループ要素として (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")}} 要素
{{HTMLRef}}