HTML5におけるdivとheader,main,footerの使い分け


HTML5を使ってウェブサイトを作っています。

mainタグやheader,footerタグを使おうと思っているのですが、有名なサイトをみると

[code]

    <div id="header">
    
[/code]

  
などとなっておりそれぞれのタグを使っていません。

どちらを使用するべきなのでしょうか。  
教えて下さい。




作っているWebサイトのサポート環境次第だと思います。

ご存知のとおりheader,main,footerなどはHTML5から登場した新しい要素ですので、HTML5非対応のWebブラウザー(例えばIE8以下)では対応していません。HTML5非対応のWebブラウザーでもhtml5shivなどを利用すればHTML5に擬似対応させることも可能ではありますが、結構無理矢理なことをしているのであまり好ましくないと思います。

なので、私ならHTML5非対応のWebブラウザーをサポートする場合(*1)はdiv要素、そうでなければ新しい要素を使うんじゃないかな～と思います。

(*1)サポートが終了したはずのIE8以下に対応しなければいけない時もあるんです。




作っているWebサイトのサポート環境次第だと思います。

ご存知のとおりheader,main,footerなどはHTML5から登場した新しい要素ですので、HTML5非対応のWebブラウザー(例えばIE8以下)では対応していません。HTML5非対応のWebブラウザーでもhtml5shivなどを利用すればHTML5に擬似対応させることも可能ではありますが、結構無理矢理なことをしているのであまり好ましくないと思います。

なので、私ならHTML5非対応のWebブラウザーをサポートする場合(*1)はdiv要素、そうでなければ新しい要素を使うんじゃないかな～と思います。

(*1)サポートが終了したはずのIE8以下に対応しなければいけない時もあるんです。

