HTML5でのマークアップについて質問があります。よろしくお願いいたします。
articleタグやsectionタグはレイアウト目的ではなく、文書内の意味付けのために使うものとされています。
これは理解しているのですが、これはarticleタグやsectionタグにレイアウトに関わるcssを設定してはいけないという意味なのでしょうか?
それとも、正しく文書内の意味付けを行っていれば、そのarticleタグなりsectionタグにレイアウトに関するcssの設定も同時に行って良いのでしょうか?
またはレイアウトに関するcss設定が発生する場合はdivタグをわざわざ別途用意して、そのdivタグで囲ってあげる必要があるのでしょうか?
みんなの回答 6 件
まあ、汎用的なdivタグの中にarticleとかsection配置してあげたほうが良いかな。articleとかsection使いづらいなら今まで通りdivで良いのでは。臨機応変に
なにか誤解してるね。
divやspanは論理的な意味は用意されていないが、css用の要素というわけではないのだよ。逆に、aritcleやsectionにcssを設定してはいけないということもない。というか、そんなことどこにも書いてないでしょ。大手サイトなどのソースを見たほうが早い。
別に設定して構わない。ただ、IE8以下では html5shiv を使ってても不具合が出る場合があるので注意。
CSS で装飾する事は問題無い。ただのレイアウト目的で article や section を使うのは NG。てか、W3C の仕様書読めば早いと思いますよ?
例えばこのページ。articleで囲ってセクションで回答を表示するって考え方でいいと思うが、タグの意味でいう記事では無いし、判断が難しいというのはあると思う。
そもそもHTML5の新しい要素を使っても、現実的に特に恩恵なんてないぞ。まだしばらく先なんだから、使い方に迷うんだったら<div id ="article-xxx">とか<div class ="section-xxx">とか、汎用的かつ明示的な使用でよろしかろう。
関連するトピックス