html5 headerとfooterを作る
html5 headerを作る
headerはxhtmlではdivにid名をつけて作成してました。
html5ではheaderという要素があります。
<header> <h1>こんにちわ</h1> </header>
<header>と</header>でヘッダー要素を入れ子にします。
またnavというネビゲーションニ使用する要素をヘッダーに入れることができます。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>a</title> </head> <body> <header> <h1>こんにちわ</h1> <nav> <ul> <li>1</li> <li>2</li> <li>3</li> </ul> </nav> </header> <p>sample</p> </body> </html>
html5 footerを作る
html5ではfooterもタグが追加されました。
<footer> </footer>
コピーライトはアドレスタグで作成します。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>a</title> </head> <body><header> <h1>こんにちわ</h1> <nav> <li>1 <li>2 <li>3 </nav> </header> <p>sample</p> <footer> <address>©html5</address> </footer> </body> </html>