HTML5のタグ section, article 等の存在意義について

Question

php で動作し、 html を出力するタイプのブログについて、出力される html を html5 に対応中なのですが（ html5 で対応していない属性を修正するなど）、 header, footer, section, article タグについて、記述する意味があるのかどうかが分かりません。

ブラウザがこれらのタグを読み込んだとして、何か動作が変化するのでしょうか？ブラウザが何もしないのであれば、ブログの html 出力として、これらのタグを敢えて出力する理由は何もないように思います。これらのタグを記述したとして、ブラウザは、どのように使用するのでしょうか。

Answer 1

HTML5以前では<div class = "header">のように書くことが多く、それなのであれば専用の要素を設けることで、文書構造をより明確化しようという意図で導入されています。目的は文書構造の明確化ですので使用しなくても問題はありませんし、使用したところで表示には何も影響を与えません。ただdivは意味付けのない要素ですので、よく使われるこれらの要素についてはセクション関連要素の使用が推奨されているということです。また、定かかは知りませんが、これらの要素で適切にマークアップを行うことはSEO対策としても有効ともいわれています。

Comments

[y.minori]

ブラウザはこれらのタグを読み込んでも表示上は何もしないけれど、検索エンジンは使用している「かも知れない」のですね。

これまで、
<div class="item">
のように書いて、 css で表示上の構造を記述していたのを、
<article class="item">
に置き換えることで、 SEO対策的な意味はあるかも知れないということですか。

[soliste16]

はい。その通りです。ただし、ソースコードの読みやすさにも関係するので、やはりマークアップはしておいた方がよいと思われます。