여러 <nav> 태그

97

html5에서 동일한 페이지에 여러 태그를 사용할 수 있습니까?

본인은했습니다 이 Zeldman.com에 기사를하지만 전적으로 나에게 분명하지 않다

즉

<header><nav>links here</nav></header>

<footer><nav>links here</nav></footer>

html

— Stephenmurdoch
소스

1

Role = 'main'은 w3.org/TR/wai-aria/roles#main 사이트의 주요 콘텐츠를 식별하기위한 것이며 blogroll에 대한 역할은 없습니다. - 당신이 마이크로 사용하는 의미 생각 schema.org를 .

— Andrew Luhring 2015-04-15

142

네 그럼요. 여러 수 header, nav및 footer태그 산세 벌금을.

의미 론적으로 태그를 사용하고 있고 태그를 유효하지 않은 위치에 넣지 않는 한 (블록 수준 요소이므로 인라인 요소 안에 넣을 수 없습니다.) sticklers가 말하는 것에 대해 너무 걱정하지 마십시오. 프로젝트를 진행하는 대신 사소한 세부 사항에 대해 논쟁을 벌이는 것은 쉽습니다.

— Coreyward
소스

2

같은 바닥 글에 여러 개의 탐색이있는 것은 어떻습니까?

— igasparetto 2015 년

4

@igasparetto 완전히 유효합니다. 특히 스타일링의 편의를 위해서가 아니라 콘텐츠 의 구조를 나타내는 방식으로 사용하는 경우에 더욱 그렇습니다 .

— coreyward 2016-10-16

탐색 유형에 어떤 표준 레이블을 사용해야하는지에 대한 지침이 있습니까? 구체적으로 : 기본 탐색, 하위 탐색, 유틸리티 탐색 (예 : 빠른 링크) 및 바닥 글 탐색? 또한 <nav>이미 <footer>태그 안에있는 경우 중복 적용 aria-label="footer navigation"됩니까?

— chunk_split

1

@chunk_split 저는 StackOverflow가 올바른 커뮤니티인지 확실하지 않지만 새로운 질문을하는 것이 더 나을 것이라고 생각합니다. ARIA 속성은 중복 된 것처럼 보이더라도 추가하는 것이 안전합니다.

— coreyward

3

대답은 '예'입니다. <nav>바닥 글에 태그 가있을 수 있습니다 . 자세한 내용은 mdn <nav>문서를 확인하세요 .

— 해롤드 라모스
소스

신뢰할 수있는 링크를 제공합니다. 사용 노트의 링크 된 페이지에는 특히 "문서에 여러 <nav>요소 가있을 수 있음"이라고 명시되어 있습니다 .

— Ed Gibbs

2

예, 여러 <nav>요소 를 갖는 것은 절대적으로 괜찮습니다.

스크린 리더를 사용하는 사람들과 구별 할 수 있는지 확인하기 만하면됩니다. 을 <nav>사용하여 각 레이블을 지정 하여 수행 할 수 있습니다 aria-label.

<nav aria-label=’primary’>
  <ul>
    ...List on links here...
  </ul>
</nav>
<nav aria-label=’secondary’>
  <ul>
    ...List on links here...
  </ul>
</nav>

또는 <nav>라벨링 요소로 식별 할 수있는 화면에 보이는 텍스트 중 하나 인 경우 aria-labelledby다음과 같이 사용할 수 있습니다.

<nav aria-label="Site Menu">
  <ul>
    ...List on links here...
  </ul>
</nav>
<article>
  <h1>Title</h1>
  ...
  <nav aria-labelledby="id-1">
    <h2 id="id-1">
      Related Content
    </h2>
    <ul>
      ...List on links here...
    </ul>
  </nav>
</article>

다중 탐색 랜드 마크 사용에 대해 자세히 알아볼 수 있습니다 .

— 루카 랑카
소스