個人的な見解としては、以下のとおりです。（間違ってるかもしれないですが…。）
（１）スマートフォン・タブレットの普及により、ホームページを閲覧できる情報端末の多様化が起きた。
（２）困ったことに、画面のサイズも違えば、使っているブラウザもまちまちときた。
（３）各端末・ブラウザ間で、見栄えよく同じ文章構造を保った形でホームページを閲覧できるようにするために、ホームページの文章構造を階層化・グループ化（セクショニング）する必要があった。
それでは、具体的なセクショニングの方法についてのメモを書いて行きたいと思います。
セクショニングを行うのは、おもに<body>…</body>タグ内での作業になります。
（１）ナビゲーション
ホームページを見ているとよく上部もしくは左側に「メニューボタン」がくっついていますよね（例えば、HOME、ABOUT、LINKSなど）。それがナビゲーションです。
<nav> </nav>（２）メインコンテンツ
ホームページの本文に当たる部分のマークアップします。
<article> </article>（３）メインコンテンツのグループ化
ホームページの本文に当たる部分をグループ化することで細分化します。
<section> </section>（４）補足情報
ホームページの下部などにある補足情報に当たる部分をマークアップします。
<aside> </aside>
上記の内容をまとめると、
<body> <nav> … </nav> <article> … </article> <aside> … </aside> </body>こんな感じです。
0 件のコメント:
コメントを投稿