フローコンテンツをまとめる

div

< div 【 ディヴィジョン 】 >〜</div >

div要素はフローコンテンツをまとめます。div要素自体は特別な意味を持ちませんが、class属性、lang属性、title属性などを付与して内包するフローコンテンツに意味付けできます。適切なセクショニングコンテンツがあるか検討した上で、使用するようにしましょう。同様の役割を持つ要素として、フレージングコンテンツをまとめるspan要素があります。

カテゴリー ・パルパブルコンテンツ
・フローコンテンツ
フローコンテンツ フローコンテンツ
使用できる文脈 フローコンテンツが期待される場所
カテゴリーとコンテンツモデル

使用できる属性

グローバル属性

すべての要素で使用できる属性です。
グローバル属性とイベントハンドラ属性

サンプルコード

以下の例では、日本語の文章内における英文の部分をグルーピングしています。 
<p>ここまでに記してきた内容を以下に英訳してみよう。</p>
  <div lang="en" class="english-part" >
    <p>"This is it" is there. There are those what you want to listen.</p>
  </div>
<p>そのまま英語にしただけだと分かりづらいので、以下のように文章を書き換えてみる。</p>

関連記事