구조적 마크업(HTML):

의도한 코드, 코드의 의미

실제 CSS를 작성하는 것은 단순하지만, 레이아웃 작업을 위해 CSS를 사용한다면 다소 다른 접근방식을 필요로 한다.

웹페이지 또는 레이아웃 작업을 하면서, '이것은 이런 식'과 같은 게 아니라, 페이지에서 정보의 종류와 해당 정보의 구조를 생각해야 한다.

가장 중요한 제목 기사에 <h1> 태그를,  그 다음 제목에 <h2>태그를 사용하며, 단락이 있으면 단락(p)을 주는 것이다.

이것이 "구조적" 또는 "의미론적(Semantic)" 마크업(HTML)이라고 하는 것이다.

테이블과 테이블 셀 안이 아니라, 내용을 div 요소로 깜싼다. div 요소에는 내용이나 기능을 설명하는 id 또는 class를 부여한다.