skip navigation

비좌측

  • - 헤어,본문,푸터 타입입니다.

  • - 가운데 정렬입니다.

  • - H1 Level은 각 header 및 section, nav, article 등에 반드시 부여하며, h2 이하에서는 h1의 사용이 필요한 sectioning 태그의 사용을 자제한다.

[VIEW]
[CODE]
<div id="wrap"> <nav id="skipnavi"> <h1>건너뛰기 메뉴</h1> <ul> <li><a href="#contents">본문가기</a></li> </ul> </nav> <!-- gnb --> <header id="header"> <div class="htop_wrap"> <h1>제목</h1> <a href="#">gnb(1)</a> <a href="#">gnb(2)</a> </div> </header> <!-- //gnb --> <!-- contents --> <section id="contents" tabindex="-1"> <h1>제목</h1> <a href="#">contents(1)</a> <a href="#">contents(2)</a> </section> <!-- //contents --> <aside id="sidearea"> <h1>제목</h1> 좌측 독립 메뉴입니다. </aside> <!-- footer --> <footer id="footer"> <div class="footer_wrap"> <a href="#">footer(1)</a> <a href="#">footer(2)</a> </div> </footer> <!-- //footer --> </div>