코드처럼 body 태그 안에 영역 구분 없이 표시하려는 텍스트만 작성하면 코드가 복잡해질수록 텍스트를 구분하기 어려워집니다. 이 코드를 div 태그를 사용해 영역별로 그룹을 지으면 다음과 같습니다.
03/02/div.html
<div class="movie">
<p>영화 소개</p>
<p>영화를 소개하는 페이지입니다.</p>
</div>
<div class="tv">
<p>TV 프로그램 소개</p>
<p>TV 프로그램을 소개하는 페이지입니다.</p>
</div>
단순하게 관련 있는 요소를 그룹으로 묶기만 해도 HTML 문서의 구조가 훨씬 깔끔해집니다.
Note class 속성이 무엇인가요?
HTML의 모든 태그는 class 속성을 사용할 수 있습니다. class 속성은 CSS를 적용하기 위한 식별자로 사용하는 속성입니다. 5.1.4 클래스 선택자에서 배울 내용이니 지금은 div 태그를 사용해 구조가 개선됐다는 점에 집중해 주세요.