質問: 最近、マトモなWebページを作る必要が出てきて、それにともなって知識程度のHTMLをもう少しマトモに使えるようにしようと思い、勉強中なのですが、main、aside、articleタグについて少々疑問に思うことがあります。 mainタグやasideタグ、articleタグについてググるとそれぞれ、記事内のメインコンテンツを括る、サイドバーを括る、記事本文を括るということがわかりました。 その一方で、以下のようなデザインのためのdivと記事のアノテーション的役割を果たすmain、aside、articleタグを用いている例をよく見かけます。(私的な範囲で幾つかのWebページを見てどういう風に使っているのか実際に確認した程度ですが...) ``` ``` このソースの場合そもそもheaderやmainタグを括るデザインのためのdivは不要なのではないでしょうか? css側でheaderやmain、asideに対して直接padding等を設定すれば十分じゃないのでしょうか? この点についてどうしてdivで括っているのかご教示いただけないでしょうか?
回答: HTML5に対応していないブラウザがあったころの名残ですね。 【2015年 コーディングはHTML5で。IE8以下の対策も忘れずに】 > > 以下のような記述をすると、IE8以下では思い通りのレイアウトになりません。 > > ブラウザがタグを認識してくれないからです。 > > > 過去の古いブラウザに対応させる必要がない場合、下記のように書いたら良いと思います。(クラスのつけ方は適当です) ``` ```