HTML - 문제 미리보기

문제 882

hard
페이지 내 북마크(책갈피) 기능을 구현하는 올바른 방법은?

```html
<!-- 북마크 생성 -->
<h2 ①______="chapter3">3장: HTML 링크</h2>

<!-- 북마크로 이동하는 링크 -->
<a ②______="③______chapter3">3장으로 이동</a>

<!-- 다른 페이지의 북마크로 이동 -->
<a href="tutorial.html④______chapter3">튜토리얼 3장으로</a>
```
A. ①`id` ②`href` ③`#` ④`#`
B. ①`name` ②`link` ③`@` ④`@`
C. ①`bookmark` ②`href` ③`&` ④`&`
D. ①`anchor` ②`target` ③`#` ④`#`

정답: A

HTML 북마크(책갈피) 시스템의 완전한 구현 방법입니다:

① 북마크 생성 (`id` 속성):

• `<h2 id="chapter3">3장: HTML 링크</h2>`
• `id` 속성으로 페이지 내 특정 위치에 고유한 식별자 부여
• 이 위치가 북마크의 목적지가 됩니다

② 북마크 링크 (`href` 속성):

• `<a href="#chapter3">3장으로 이동</a>`
• `href` 속성을 사용하여 링크 생성

③ 해시 기호 (`#`):

• `#chapter3`에서 `#`은 같은 페이지 내의 id를 참조한다는 의미
• 클릭하면 해당 id 위치로 자동 스크롤

④ 다른 페이지의 북마크:

• `href="tutorial.html#chapter3"`
• 파일명 + `#` + id값으로 다른 페이지의 특정 위치로 이동

실제 동작:

• 긴 웹페이지에서 특정 섹션으로 빠르게 이동
• 목차나 네비게이션 메뉴에서 자주 사용
• 페이지가 해당 위치로 부드럽게 스크롤됨

💡 학습 팁

이 문제를 포함한 HTML 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.