인프런 커뮤니티 질문&답변

권경완님의 프로필 이미지
권경완

작성한 질문수

중상급 퍼블리싱을 위한 CSS3의 모든 것

플로트(float) 속성(부모요소의 높이 값 찾기, calc 함수로 사칙연산)

nav 태그

작성

·

911

1

안녕하세요 강사님 질문이 있어 질문드립니다.

강의 1분 30초경에 nav 태그를 설명하시면서 하나의 html 문서에 여러개의 nav 태그가 오는것은 시멘틱 태그 취지에 맞지 않다고 설명해주셨는데요

mdn 사이트에 nav 태그를 검색해보면

  • <nav> 하나는 사이트 전체 탐색, 다른 하나는 현재 페이지 내 탐색으로 사용하는 등, 하나의 문서에서 여러 개의 <nav> 태그를 가질 수 있습니다. 이럴 때 aria-labelledby를 사용해 접근성을 향상할 수 있습니다.

이렇게 내용이 나오는데요 혼란이 있어 질문드리게 되었습니다. 감사합니다.

답변 1

0

하나의 html에 nav를 여러개 사용하지 않는 것이 일반적입니다. 물론 만드는 사람에 따라 헤더에 nav 태그, 푸터에 nav 태그를 사용할 수는 있습니다. 한개만 사용해야 한다는건 정해져 있지는 않습니다. 저는 그렇게 생각한다는 것이고 필요하다면 2개 이상 사용할 수도 있습니다.

여담이지만 HTML5의 시멘틱 태그는 권장 사항이지 필수 사항은 아닙니다. 이 부분에 너무 예민하실 필요는 없다고 생각됩니다.

권경완님의 프로필 이미지
권경완

작성한 질문수

질문하기