HTML5はセマンティクスという概念でマークアップします。これは人の目で見たものではなく機械的に構造化を示すものです。 articleやsection、asideなど人間にはどうでもよい事ですがブラウザやアプリケーションには意味を持って扱われます。 今回はセマンティクスの説明とHTML5マークアップの一例を載せます。 一例というのは様々なパターンがあるためです。サイト内容によるので。 通常のwebサイトとブログではマークアップの方法が大きく変わります。 ここが今後のコーダーの武器になるのでしょうか・・・ まずはHTML5のコンテンツ・モデルという概念 専門的知識は色々なところで配信されているのでザックリ言います。 HTML5は「コンテンツ・モデル」と呼ばれる分類があります。 HTML4やXHTMLでブロック要素/インライン要素と言われていたものが細分化されました。 「インライン要素の中にブ