HTML-L2-071 / 접근성 기본
본문 건너뛰기 링크
초급문제
문서 첫 링크를 "본문 바로가기"로 만들고 #content를 가리키게 하세요. main의 id를 content로 지정하세요.
예시 텍스트·ID·참조 관계를 유지하면서 의미에 맞는 HTML을 작성하세요.
확인할 조건
- 건너뛰기 목적지
- 링크 문구
- 실제 본문 대상
힌트
앵커의 # 뒤 값과 대상 id를 맞춥니다.
해설·정답 보기
키보드 사용자가 반복 메뉴를 건너뛸 수 있게 본문 링크를 앞에 제공합니다.
<!doctype html> <html lang="ko"> <head><meta charset="utf-8"><title>실습</title></head> <body> <a href="#content">본문 바로가기</a><header>메뉴</header><main id="content"><h1>본문</h1></main> </body> </html>
index.html화면·구조 확인
코드는 이 브라우저에 자동 저장돼요.
풀이 결과
코드를 작성하고 채점하기를 눌러보세요.
학습용으로 제공된 조건을 확인해요. 알고리즘 사용 방식·설계 의도는 해설과 함께 비교해보세요.