html5 asideとnavを作る
html5 navをナビゲーション作る
ナビゲーションを作ろう。
ナビゲーションはhtml5から追加されたタグです。
nav
xhtmlはulやliでグローバルナビゲーションを作ってました。
navはそれをnavで囲ってやるだけです。
基本的な作成方法はかわりません。
<nav> <ul> <li><a href="#">home</a>1</li> <li><a href="#">blog</a>2</li> <li><a href="#">contact</a>3</li> </ul> </nav>
html5 asideを補足情報作る
asideは補足情報とかサイトバーとか広告とかに使います。
記事では使用しません。
asideははhtml5から追加されたタグです。
<aside> <p><a href="#">広告</a></p> </aside>
サンプル
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>a</title> </head> <body><header> <h1>こんにちわ</h1> <nav> <ul> <li><a href="#">home</a>1</li> <li><a href="#">blog</a>2</li> <li><a href="#">contact</a>3</li> </ul> </nav> </header> <article> <h2>ブログタイトル</h2> <p>ブログの内容</p> </article> <aside> <p><a href="#">広告</a></p> </aside> <footer> <address>©html5</address> </footer> </body> </html>