HTML-L4-021 / 문서 접근성 감사
중복 landmark 이름 개선
고급문제
두 nav를 각각 "주 메뉴", "강의 목차"로 구별하세요. main은 하나이며 h1 "학습 페이지"를 포함합니다.
예시 텍스트·ID·참조 관계를 유지하면서 의미에 맞는 HTML을 작성하세요.
확인할 조건
- 이름 구별된 탐색
- 핵심 본문 하나
- 문서 제목
힌트
같은 종류의 landmark에는 용도를 구별하는 이름을 붙입니다.
해설·정답 보기
탐색 목록에서 두 nav의 목적을 혼동하지 않도록 이름을 제공합니다.
<!doctype html> <html lang="ko"> <head><meta charset="utf-8"><title>실습</title></head> <body> <nav aria-label="주 메뉴"><a href="#content">학습</a></nav><main id="content"><h1>학습 페이지</h1><nav aria-label="강의 목차"><ol><li>소개</li></ol></nav></main> </body> </html>
index.html화면·구조 확인
코드는 이 브라우저에 자동 저장돼요.
풀이 결과
코드를 작성하고 채점하기를 눌러보세요.
학습용으로 제공된 조건을 확인해요. 알고리즘 사용 방식·설계 의도는 해설과 함께 비교해보세요.