div

提供: ASCII.jp HTMLリファレンス

ver.8~ ver.6~ ver.14~ ver.5.1~ ver.11.5~
意味 汎用要素
読み方 ディヴ/ディヴィジョン

カテゴリー

フロー・コンテンツ

親にできる要素/カテゴリー

フロー・コンテンツが期待される個所

子にできる要素/カテゴリー

フロー・コンテンツ

<div 属性="値">~</div>

グローバル属性

accesskey,class,contenteditable,contextmenu,dir,draggable,hidden,id,lang,spellcheck,style,tabindex,title

説明

 div要素は、特に意味はありません。class属性を使ってスタイルを適用したりする場合など、多くのHTML文書で非常によく使われています。

 ただし、HTML5では、articleやnavなど、文書の各部をマークアップする際に役立つ要素があります。やみくもにdiv要素を使うのは、なるべく避けるべきです。

サンプル

(HTMLのbody要素内)

<div lang="ja-JP">
<p>りんごは栄養が豊富な果物です。</p>
<p>「ふじ」がもっとも多く生産されています。</p>
</div>
<div lang="en-US">
<p>Apples are a nutritious fruit.</p>
<p>"Fuji" is the apple that is most produced.</p>
</div>

(スタイルシート)

div[lang="en-US"] {
    background-color : #cccccc;
}

サンプル実行画像

Powered by Web Professional

目次