HTML 기초 퀴즈

Question 1

시맨틱 태그를 쓰는 가장 큰 이유는?

Accepted Answer

의미 전달로 접근성·SEO에 유리해서 — `

`, `

Answer

디자인이 예뻐서

Answer

로딩이 빨라서

Answer

필수라서

Question 2

`<label>`과 입력란을 연결하는 올바른 방법은?

Accepted Answer

label의 for와 input의 id를 일치 — label의 `for` 속성과 input의 `id`를 일치시키면 라벨 클릭 시 포커스가 이동하고 접근성도 좋아집니다.

Answer

class를 같게

Answer

name을 같게

Answer

연결 불필요

Question 3

이미지의 `alt` 속성은 무엇을 위한 것인가?

Accepted Answer

대체 텍스트(접근성·이미지 로드 실패 시) — alt는 이미지를 볼 수 없을 때(스크린리더, 로드 실패) 대신 읽히는 대체 텍스트로, 접근성과 SEO에 중요합니다.

Answer

이미지 크기

Answer

링크

Answer

캡션 디자인

Question 4

블록 요소를 인라인 요소 안에 넣으면?

Accepted Answer

유효하지 않은 중첩으로 렌더가 깨질 수 있다 — `

` 안에 `

`처럼 블록을 넣는 등 잘못된 중첩은 브라우저가 태그를 자동으로 닫아 의도와 다르게 렌더될 수 있습니다.

Answer

항상 정상

Answer

더 빠르다

Answer

자동 변환된다

Question 5

폼 제출 버튼으로 올바른 것은?

Accepted Answer

<button type="submit"> 또는 <input type="submit"> — 폼을 제출하려면 `type="submit"` 버튼이 필요합니다. `type="button"`은 제출하지 않습니다.

Answer

Answer

<a>

Answer