■ 구조 태그를 사용하는 방법을 보여준다.
▶ 예제 코드 (HTML)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 |
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML5</title> </head> <body> <header> <hgroup> <h1>Header</h1> <h2>Sub title</h2> </hgroup> </header> <nav> <h1>Navigation</h1> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </nav> <section> <h1>Section</h1> <article> Article </article> </section> <section> <h1>Section</h1> <article> Article </article> </section> <aside> <h1>ASide</h1> </aside> <footer> <h1>Footer</h1> </footer> </body> </html> |