처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / HTML / 문제

HTML에서 <section>과 <div>의 차이점으로 올바른 것은?

쉬움 MDN Web Docs
보기 및 정답
A <section>은 주제별 그룹을 의미하는 시맨틱 태그이고, <div>는 의미 없는 범용 컨테이너이다
B <div>는 시맨틱 태그이고, <section>은 의미 없는 범용 컨테이너로 스타일링에만 사용되는 것이다
C 두 태그는 완전히 동일한 역할을 하며, 브라우저가 렌더링하는 방식에도 차이가 없다
D <section>은 인라인 요소이고, <div>는 블록 요소이므로 줄바꿈 동작이 서로 다르다

해설

<section>은 HTML5 시맨틱 태그로, 문서의 독립적인 주제 영역을 구분합니다. <div>는 의미가 없는 범용 컨테이너로, 스타일링이나 레이아웃 목적으로만 사용됩니다. 시맨틱 태그를 사용하면 검색 엔진과 스크린 리더가 문서 구조를 더 잘 이해할 수 있습니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기