해결한 사람
0
명
정답률
0.00
%
시간 제한
5000
ms
메모리 제한
256
MB
페이지의 큰 영역을 <header>, <nav>, <main>, <aside>, <footer>로 표시하면 랜드마크가 됩니다. 화면 읽기 도구 사용자는 랜드마크 사이를 빠르게 이동할 수 있습니다.
코드의 순서도 읽는 순서와 맞아야 합니다. 보통 머리말, 핵심 내용, 관련 정보, 바닥글 순서로 작성합니다.
아래 코드는 사용 방법을 보여 주는 예시입니다. 문제의 정답과는 다른 내용입니다.
<header> <h1>도움말</h1> <nav aria-label="도움말 메뉴">메뉴</nav> </header> <main>핵심 안내</main> <aside>관련 안내</aside> <footer>문의처</footer>
뒤섞여 있는 개발 문서의 영역을 읽는 순서에 맞게 다시 배치하세요. 머리말 안에는 이름이 있는 메뉴를 두고, 핵심 내용과 관련 문서, 바닥글을 각각 알맞은 요소로 표시합니다.
<body> 바로 안의 첫 번째 <header>를 한 개 둡니다.<body> 바로 안에 <main>을 한 개 둡니다.<body> 바로 안에 <aside>를 한 개 둡니다.<body> 바로 안에 <footer>를 한 개 둡니다.<header> 안에 <nav>를 한 개 둡니다.aria-label은 주요 메뉴입니다.<h1>부터 순서대로 사용합니다.index.html을 엽니다.TODO 주석이 있는 부분을 중심으로 코드를 수정합니다.별도의 입력값은 없습니다.
에디터에 준비된 index.html을 열고, 문제에서 안내하는 HTML 요소와 속성을 추가하거나 수정하세요. 브라우저 미리보기로 작성한 결과를 확인할 수 있습니다.
별도의 출력값은 없습니다.
수정한 index.html이 브라우저에서 정상적으로 열리고, 아래의 완성 조건을 모두 만족하면 됩니다.
도움말: 기존 글을 지우지 말고 header → main → aside → footer 순서로 옮긴 뒤 태그를 바꾸세요.