はてなブックマーク

セマンティックWeb HTML5が以前の仕様と比べ優れているのは、文章を構造化することです。 HTML内の構造を明確に記述していく事にプラスし、検索エンジンに文章の意味を伝えるためのデータを埋め込んでいく（メタデータ）手法は、キーワード重視だった昔のSEO対策からすると大きく変わった事でもあります。 セクショニング要素（section,article,nav,aside）の役割は文章（コンテンツ）単位で一つのかたまりにし、ページ内の処理を効率化しています。つまり、各セクショニング要素に達した時が区切りであり、通知するような仕組みになります。グリットレイアウトに良く使う、divと比較すると、セマンティック情報をユーザーに伝えるかどうかの違いだけかと思われます。 それよりも役割として大きいのは、roleです。ウェブサイト自体の構造を大まかに捉えるとroleを使って全体を分割し、その中のセクショ