divとsectionとarticle要素それぞれの特徴、使い分けと組み合わせ方 -HTML5のセクショニング コンテンツ

HTML5は、ドキュメントを構造化する際に用いるセマンティックなコードです。あなたがどんなタグを使うかによって、ユーザエージェントにその意味を伝えます。 HTML5のタグにはさまざまなものがあり、中でもsectionとarticle要素は、div要素より有意義な方法でコンテンツを区分する手段として導入されました。これら3つをどのように使い分けるか確認しておきましょう。 Sectioning Content in HTML5 -Div or Section or Article 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 divとsectionとarticle、それぞれの特徴 divとsectionとarticle、どれを使う？ sectionとarticleの組み合わせ方 divとsectionとarticle、それぞれの特徴 d

[deep_one]

英単語の意味そのままである。画面デザイン上の理由で区切っているならdivだ。／普通はarticleの中にsectionがある。（論文の中に章がある。）論文集ならさらに上位のsectionの中にarticleがまとめられる。

[masatomo-m]

文書構造を意識すれば自ずと見えてくる話だし、フォーカスの当て方によっては複数の解があり得る。見た目だけ揃えるHTMLコーダーときちんと意味構造を理解して書けるHTMLコーダーでは、コードの汎用性も違ってくるよね

[yomogi]

要素内のコンテンツに意味がなければdiv。意味があるコンテンツで、独立しても成り立つものはarticle、そうでなければsection。

[m_shige1979]

いまだにdivオンパレードなのでなんとかしないと…

[rryu]

普通に文章なら簡単なんだけどウェブアプリ的なものでも使うべきなのか悩んでしまう。

[tsuki-rs]

コリたん、全然わからないよ〜(´；ω；｀)

[akatakun]

意味のないコンテンツ: div，意味のある独立したコンテンツ: article，意味のある独立していないコンテンツ: section

[sutanto1983]

html5　divとsectionとarticle要素　使い分け

[bleu-bleut]

divは意味を持たないまとまりで、CSSのターゲットとか。sectionは関連のあるまとまりで、タイトルがまず来る。articleは関連のあるまとまりで独立しても成り立つ、、、って独立してもってよく分からん。

[kitokitoki]

divとsectionとarticle要素それぞれの特徴、使い分けと組み合わせ方 -HTML5のセクショニング コンテンツ

[itsumu126]

10件のコメント http://t.co/sqrFYdEoKV “divとsectionとarticle要素それぞれの特徴、使い分けと組み合わせ方 -HTML5のセクショニング コンテンツ | コリス”

[nakaken88888888]

divは意味を持たせたくないけど区切りたいとき。sectionとarticleはいつ見てもよくわからない。自分のブログでは、articleを使ってsectionは使わずにタグ付けしてる。

[anpaku]

これは大事ですね。

[kosn]

sectionは意味のブロック、divはcssで何とかする用のブロック（なるべく使いたくない）

[wingsgate]

divとsectionとarticle要素それぞれの特徴、使い分けと組み合わせ方 -HTML5のセクショニング コンテンツ HTML5は、ドキュメントを構造化する際に用いるセマンティックなコードです。あなたがどんなタグを使うかによって、ユー

[kussun]

section の「意味があるコンテンツだけど独立できない」というのがよく分からないんだよね。