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

HTMLタグ一覧

HTML: <div>タグ

HTML <div>タグはHTMLドキュメントの一般的なコンテナを定義し、要素をグループ化するために通常使用されます。このタグは通常<div>要素とも呼ばれます。

オンラインサンプル

ドキュメントには3つの<div>タグが作成されました：

サンプル

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>HTML5　divタグの使用(基本チュートリアルウェブ　oldtoolbag.com)</title>
<style>
.div_class{color:red}
#div_id{color:blue}
</style>
</head>
<body>
<div>
　　<h2>最初のDiv</h2>
　　<p>このテキストはドキュメントのDiv部分に表示されます</p>
</div>
<div　class="div_class">
　　<h2>クラスが適用された2つ目のDiv</h2>
　　<p>このテキストはドキュメントのDiv部分に表示されます</p>
</div>
<div　id="div_id">
　　<h2>IDが適用された3つ目のDiv</h2>
　　<p>このテキストはドキュメントのDiv部分に表示されます</p>
</div>
</body>
</html>

テストをしてみてください ‹/›

このHTML5ドキュメントのサンプルでは、3つの<div>タグを作成しました。最初の<div>タグにはクラスやIDが適用されていません。2つ目の<div>タグにはdiv_classというクラスが適用されています。3つ目の<div>タグにはdiv_idというIDが適用されています。

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザは<div>タグをサポートしています。

タグの定義及び使用方法

<div> タグは、要素をグループ化するために通常使用されます。

<div> タグは、HTML ドキュメントの中で区切りブロックまたはエリア部分を定義します。

<div> タグは、これらの要素を CSS でフォーマットするために組み合わせるためによく使用されます。

ヒントと注意

ヒント：<div> 要素はよく CSS と一緒に使用され、ウェブページのレイアウトに用いられます。

注記：デフォルトでは、ブラウザは通常 <div> 要素の前後に改行符を挿入します。しかし、CSSを使用してこの状況を変更できます。

HTML 4.01 と HTML5の違い

HTML5 で align 属性はサポートされていません。

HTML 4.01 中、align 属性は廃止されました。

属性

属性	値	説明
align	left right center justify	HTML5 サポートされていません。HTML 4.01 廃止された。　　指定 <div> 要素の中の内容のアライメント方法。

グローバル属性

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

イベント属性

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

HTML チュートリアル：HTML レイアウト

HTML: <i> タグ HTML: <dir>タグ