html5 asideとnavを作る

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>&copy;html5</address>
	</footer>
	</body>
</html>