HTML - 문제 미리보기
문제 901
medium
다음 중 SEO(검색 엔진 최적화)에서 `` 태그의 중요성을 가장 잘 설명한 것은?
</div>
<div class="options-container">
<div class="option">
<strong>A.</strong> 웹 페이지의 로딩 속도를 빠르게 한다
</div>
<div class="option">
<strong>B.</strong> 검색 엔진이 페이지 순서를 결정할 때 사용한다
</div>
<div class="option">
<strong>C.</strong> 웹 페이지의 디자인을 개선한다
</div>
<div class="option">
<strong>D.</strong> 브라우저 호환성을 높인다
</div>
</div>
<div class="explanation">
<h3>정답: B</h3>
<div class="explanation-content">
`<title>` 태그는 SEO에서 매우 중요한 역할을 합니다. 검색 엔진 알고리즘은 페이지 제목을 분석하여 검색 결과의 순서를 결정할 때 중요한 요소로 사용합니다. 제목이 검색어와 관련성이 높고 의미있게 작성되면 검색 결과에서 더 높은 순위에 노출될 가능성이 높아집니다. 따라서 페이지 내용을 정확하고 의미있게 설명하는 제목을 작성하는 것이 중요합니다.
</div>
</div>
<div class="navigation-buttons" style="margin-top: 2rem;">
<a href="/problems.html?subject=HTML" class="nav-btn primary" style="text-decoration: none; padding: 12px 24px; background: #00d4aa; color: white; border-radius: 6px; font-weight: 500;">
🎯 이 과목 문제 풀기
</a>
<a href="/" class="nav-btn" style="text-decoration: none; padding: 12px 24px; background: #f8f9fa; color: #333; border: 1px solid #ddd; border-radius: 6px; margin-left: 10px;">
🏠 홈으로 가기
</a>
</div>
<div style="margin-top: 2rem; padding: 1rem; background: #f8f9fa; border-radius: 6px; border-left: 4px solid #00d4aa;">
<h4 style="margin: 0 0 0.5rem 0; color: #00d4aa;">💡 학습 팁</h4>
<p style="margin: 0; color: #666; font-size: 0.9rem;">
이 문제를 포함한 HTML 과목의 모든 문제를 순차적으로 풀어보세요.
진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.
</p>
</div>
</div>
</main>
<script>
// 코드 하이라이팅 적용
document.addEventListener('DOMContentLoaded', function() {
if (window.Prism) {
Prism.highlightAll();
}
});
</script>
</body>
</html>