続・HTML5 | CODING BOY

CODING BOY

コーディングボーイに関するお得な情報やお役立ち情報を更新していきます

こんばんは、コーディングボーイです。

以前にも書きましたが、本日はHTML5について。

スマートフォンの普及により、
最近ではHTML5+CSS3でのコーディング依頼も増えております。
ありがとうございます。

具体的にこれまでと何が異なるかというと、
やはり個人的には新要素の追加ではないかと思っています。

例えば、
ヘッダーを示す場合は<header>
フッターを示す場合は<footer>
ナビゲーションであることを示す場合は<nav>
などの要素が追加され、それぞれの役割に応じた適切な要素を割り当てることができます。

絵にするとこんな感じです。

HTML5でコーディング

まあ、スッキリ。
ご覧のとおり、HTML4以前だと<div>ばっかりです 笑

メリットで言えば、分かりやすさはもちろんですが、
ブラウザや検索エンジンに対してより明確に文書構造を伝えられる=ページの最適化や軽量化、SEOなどに対して有効な手段になるというところでしょうか。

とはいえ、全てのブラウザがHTML5に対応しているわけではないので、
Google Chromeではきちんと表示されていても、IE8だと崩れてしまう、なんてことは多々あります。


もしHTML5でのコーディングをお考えで、お悩みの方は一度コーディングボーイにご相談ください。
あなたのご連絡お待ちしております。

コーディングのことならCODING BOY