HTML5에서는 <nav>페이지의 마스트 헤드 <header>요소 내부 또는 외부에서 사용할 수 있음을 알고 있습니다 . 보조 및 기본 탐색이 모두있는 웹 사이트의 경우 보조 탐색을 <nav>마스트 헤드 <header>요소 내부의 요소로 포함하고 기본 탐색을 <nav>마스트 헤드 <header>요소 외부의 요소 로 포함하는 것이 일반적 입니다. 그러나 웹 사이트에 보조 탐색이없는 경우 <nav>마스트 헤드 <header>요소 내의 요소에 기본 탐색을 포함하는 것이 일반적 입니다.
이 예를 따르면 내 콘텐츠 구조는 보조 탐색의 포함 또는 제외를 기반으로합니다. 이것은 불필요하고 부 자연스럽게 느껴지는 내용과 스타일 사이의 연결을 소개합니다.
<header>보조 탐색의 포함 또는 제외에 따라 기본 탐색을 마스트 헤드 요소 내부에서 외부로 이동하지 않는 더 좋은 방법이 있습니까?
기본 및 보조 탐색 예
<header>
<nav>
<!-- Secondary Navigation inside <header> -->
<ul>
<li></li>
</ul>
</nav>
<h1>Website Title</h1>
</header>
<nav>
<!-- Main Navigation outside <header> -->
<ul>
<li></li>
</ul>
</nav>OnlineDegrees.org 는 위의 패턴을 따르는 예제 사이트입니다.
메인 전용 탐색 예
<header>
<h1>Website Title</h1>
<nav>
<!-- Main Navigation inside <header> -->
<ul>
<li></li>
</ul>
</nav>
</header>Keyzo.co.uk 는 위 패턴을 따르는 사이트 예입니다.
HTML5 소개 발췌 — 02-2 월 -11, 오전 7:38에 추가됨
Bruce Lawson과 Remy Sharp의 HTML5 를 소개 하면 다음과 같은 주제에 대해 말할 수 있습니다.
헤더는 탐색을 포함 할 수도 있습니다. 이는 전체
<header>요소를 템플릿 파일에서 가져올 수있는 템플릿 기반 사이트에서 사이트 전체 탐색에 매우 유용 할 수 있습니다 .물론,이 필요는 없습니다 것
<nav>에있을<header>.사이트 전체 탐색이 사이트 전체 헤더에 속한다고 생각하는지 여부와 스타일링 용이성에 대한 실용적인 고려 사항에 크게 의존합니다.
마지막 문장을 근거로, 발췌 한 장의 저자 인 Bruce Lawson은 "스타일링의 용이성에 대한 실용적인 고려 사항"이 내용과 스타일 사이에 결합을 일으키는 것으로 보인다.