HTML - 문제 미리보기
문제 1004
hard
다음 XHTML 코드에서 잘못된 부분들을 모두 찾아 수정한 올바른 코드는?
```html
<!DOCTYPE html>
<html>
<head>
<title>페이지 제목</title>
</head>
<body>
<P CLASS="main">텍스트</P>
<br>
<img src="image.jpg" alt="이미지">
<input type="checkbox" checked>
</body>
</html>
```
```html
<!DOCTYPE html>
<html>
<head>
<title>페이지 제목</title>
</head>
<body>
<P CLASS="main">텍스트</P>
<br>
<img src="image.jpg" alt="이미지">
<input type="checkbox" checked>
</body>
</html>
```
정답: C
이 코드는 여러 XHTML 규칙을 위반하고 있습니다:
문제점들:
• DOCTYPE이 XHTML 형식이 아님
• `<html>` 태그에 `xmlns` 속성 누락
• `<P CLASS="main">`: 요소명과 속성명이 대문자 (소문자여야 함)
• `<br>`: 빈 요소가 닫히지 않음 (`<br />`이어야 함)
• `<img>`: 빈 요소가 닫히지 않음 (`<img ... />`이어야 함)
• `checked`: 속성값이 생략됨 (`checked="checked"`이어야 함)
올바른 XHTML 코드:
```html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>페이지 제목</title>
</head>
<body>
<p class="main">텍스트</p>
<br />
<img src="image.jpg" alt="이미지" />
<input type="checkbox" checked="checked" />
</body>
</html>
```
문제점들:
• DOCTYPE이 XHTML 형식이 아님
• `<html>` 태그에 `xmlns` 속성 누락
• `<P CLASS="main">`: 요소명과 속성명이 대문자 (소문자여야 함)
• `<br>`: 빈 요소가 닫히지 않음 (`<br />`이어야 함)
• `<img>`: 빈 요소가 닫히지 않음 (`<img ... />`이어야 함)
• `checked`: 속성값이 생략됨 (`checked="checked"`이어야 함)
올바른 XHTML 코드:
```html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>페이지 제목</title>
</head>
<body>
<p class="main">텍스트</p>
<br />
<img src="image.jpg" alt="이미지" />
<input type="checkbox" checked="checked" />
</body>
</html>
```
💡 학습 팁
이 문제를 포함한 HTML 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.