最近、マトモなWebページを作る必要が出てきて、それにともなって知識程度のHTMLをもう少しマトモに使えるようにしようと思い、勉強中なのですが、main、aside、articleタグについて少々疑問に思うことがあります。
mainタグやasideタグ、articleタグについてググるとそれぞれ、記事内のメインコンテンツを括る、サイドバーを括る、記事本文を括るということがわかりました。
その一方で、以下のようなデザインのためのdivと記事のアノテーション的役割を果たすmain、aside、articleタグを用いている例をよく見かけます。(私的な範囲で幾つかのWebページを見てどういう風に使っているのか実際に確認した程度ですが…)
HTML
1<!DOCTYPE html> 2<!-- ヘッダとかもろもろ --> 3<body> 4 <!-- デザインのために多重にdivをネスト(今回は省略) --> 5 <div> 6 <div class="header"> 7 <header> 8 <!-- ヘッダ部 --> 9 </header> 10 </div> 11 <div class="wrapper"> 12 <div class="main-contents"> 13 <main> 14 <article> 15 <!-- 記事 --> 16 </article> 17 </main> 18 </div> 19 <div class="sidebar"> 20 <aside> 21 <!-- サイドバー --> 22 </aside> 23 </div> 24 </div> 25 <div class="footer"> 26 <footer> 27 <!-- フッタ部 --> 28 </footer> 29 </div> 30 </div> 31</body>
このソースの場合そもそもheaderやmainタグを括るデザインのためのdivは不要なのではないでしょうか?
css側でheaderやmain、asideに対して直接padding等を設定すれば十分じゃないのでしょうか?
この点についてどうしてdivで括っているのかご教示いただけないでしょうか?
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/08/15 15:20