design
ポートフォリオ作成に際して、どのようにまとめていくか。 見せる技術 http://news.mynavi.jp/column/photologue/042/index.html 自分のためには、自分を客観的にみるためにつくる 自分のできる範囲でコントロールして、ポートフォリオの形を決めていく。 身…
らしきもの headerとooter ヘッダーとフッターを扱う <header> <p>ページの解説等</p> <nav> <ul> <li><a href=”#”>メニュー1</a></li> <li><a href=”#”>メニュー2</a></li> <li><a href=”#”>メニュー3</a></li> <li><a href=”#”>メニュー4</a></li> <li><a href=”#”>メニュー…</a></li></ul></nav></header>
nav要素ナビゲーションも要素になった ナビゲーション群を扱う <nav> <ul> <li><a href=”#”>メニュー1</a></li> <li><a href=”#”>メニュー2</a></li> <li><a href=”#”>メニュー3</a></li> <li><a href=”#”>メニュー4</a></li> <li><a href=”#”>メニュー5</a></li> </ul> </nav> <section> <h1>セクションの見出し<…</h1></section>
aside要素は付加情報 補足コンテンツを扱う <section> <h1>セクション見出し</h1> <p>主要コンテンツ</p> <aside> <ul> <li>項目1</li> <li>項目2</li> <li>項目3</li> </ul> </aside> </section>
article要素は記事単位 独立した記事群を扱う <section> <h1>新着記事</h1> <article> <h1>記事その１</h1> <p>記事の本文</p> </article> <article> <h1>記事その１</h1> <p>記事の本文</p> </article> </section> <article> <h1>記事その１</h1> <p>記事の本文</p> <article> <h1>関連記事</h1> <p>記事の本文</p> </article> </article>
文書を構造化するsection <html> <head> <meta charset=”UTF-8″> <title></title> </head> <body> <section> <h1>大見出し</h1> <section> <h2>節見出し</h2> <section> <h3>項目見出し</h3> <p>本文はここに書きます</p> <div> デザインの都合でsection要素は使用しない </div> </section> <section> <h3>項目見出し</h3> <p>本文はここに書きます</p> <div> デザインの都合でsect…</div></section></section></section></body></html>
