[html] 여러 <nav> 태그

Program / 글쓴이

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

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

즉

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

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

답변

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

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

답변

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

답변

예, 여러 <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>

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

답변