HTML - 문제 미리보기
문제 859
hard
다음 코드에서 의미적으로 가장 적절한 조합은?
```html
<!-- 상황: 웹페이지에서 중요한 경고 메시지와 기술 용어를 표시 -->
<p>______시스템 오류______가 발생했습니다. ______localhost______ 서버를 확인하세요.</p>
```
"시스템 오류"는 사용자에게 매우 중요한 정보이고, "localhost"는 기술 용어입니다.
```html
<!-- 상황: 웹페이지에서 중요한 경고 메시지와 기술 용어를 표시 -->
<p>______시스템 오류______가 발생했습니다. ______localhost______ 서버를 확인하세요.</p>
```
"시스템 오류"는 사용자에게 매우 중요한 정보이고, "localhost"는 기술 용어입니다.
정답: B
HTML에서는 단순한 시각적 효과보다 의미적(semantic) 마크업이 중요합니다:
`<strong>` vs `<b>`:
• `<strong>`: 내용이 매우 중요함을 의미 (스크린 리더가 강조해서 읽음)
• `<b>`: 단순히 굵게 표시하는 시각적 효과만
`<i>` vs `<em>`:
• `<i>`: 기술 용어, 외국어, 생각 등 다른 톤의 텍스트 (localhost 같은 기술 용어에 적합)
• `<em>`: 강조된 텍스트 (스크린 리더가 강세를 주어 읽음)
문제 상황 분석:
"시스템 오류": 사용자에게 중요한 정보 → `<strong>` 적합
"localhost": 기술 용어 → `<i>` 적합
따라서 접근성과 의미를 고려할 때 `<strong>`과 `<i>`의 조합이 가장 적절합니다.
`<strong>` vs `<b>`:
• `<strong>`: 내용이 매우 중요함을 의미 (스크린 리더가 강조해서 읽음)
• `<b>`: 단순히 굵게 표시하는 시각적 효과만
`<i>` vs `<em>`:
• `<i>`: 기술 용어, 외국어, 생각 등 다른 톤의 텍스트 (localhost 같은 기술 용어에 적합)
• `<em>`: 강조된 텍스트 (스크린 리더가 강세를 주어 읽음)
문제 상황 분석:
"시스템 오류": 사용자에게 중요한 정보 → `<strong>` 적합
"localhost": 기술 용어 → `<i>` 적합
따라서 접근성과 의미를 고려할 때 `<strong>`과 `<i>`의 조합이 가장 적절합니다.
💡 학습 팁
이 문제를 포함한 HTML 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.