13.2.1 HTML 코드 작성하기

코드를 작성하기 전에 항상 HTML의 수많은 태그 중 어떤 태그를 사용하면 좋을지 고민해야 합니다. 모든 웹 페이지는 한 종류의 태그만으로 전체를 만들 수 있습니다. 하지만 이렇게 하지 않는 이유는 의미에 맞는 태그를 적절하게 사용해야 좋은 웹 페이지가 되기 때문입니다.

코드를 작성하는 사람마다 어떤 관점으로 보느냐에 따라 다른 태그를 선택할 수 있습니다. 그러나 적어도 헤더 영역을 작성하기에는 시맨틱 태그인 header 태그가 가장 적절하다는 데 이견이 없을 겁니다. 그리고 웹 페이지에서 내부의 다른 영역이나 외부를 연결하는 내비게이션 영역은 nav 태그로 작성하는 것이 가장 적절합니다. 그래서 두 태그를 사용해 헤더 영역 코드를 작성합니다.

그림 13-1의 오른쪽에 있는 내비게이션 영역을 보면 메뉴의 순서는 중요해 보이지 않습니다. 따라서 메뉴는 nav 태그 안에 ul 태그로 작성하면 됩니다. 그리고 각 메뉴는 내부의 다른 영역으로 연결되는 링크이지만, 자바스크립트 코드로 링크 이동을 제어할 예정이라서 a 태그 대신에 button 태그로 작성합니다.