04_그룹 짓기

HTML 코드를 작성하다 보면 관련 있는 요소를 그룹으로 묶어야 하는 경우가 많다. 예를 들어, 네이버 메인 페이지는 검색영역, 로그인 영역, 본문 배너 영역 등 관련 있는 요소끼리 그룹 지어져 있다.

웹 페이지를 만들 때 이렇게 관련 있는 요소끼리 그룹으로 묶으면 레이아웃을 구성하기가 쉬워지고 HTML 페이지의 구조를 더 깔끔하게 작성할 수 있다. HTML에서는 이런 그룹 짓기 작업을 div 태그와 span 태그로 수행한다.

01. hn 태그

hn 태그는 제목이나 주제를 나타내는 텍스트를 표현할 때 사용

<hn>제목</hn>

hn태그는 h1부터 h6까지 6개의 태그가 있는데, 여기서 h는 heading을 의미하고 n에들어가는 숫자는 중요도를 나타낸다. 즉 같은 hn태그라도 h1태그가 가장 중요하며 h6태그가 상대적으로 덜 중요하다.

그냥 옵시디언의 제목 태그와 비슷한 느낌이라고 이해하면 될 것 같다. 각 태그 번호를 순차적으로 사용해야 한다고 한다(중간에 번호를 건너 뛸 수 없다). 옵시디언의 제목과는 다르다.

hn태그로 작성된 텍스트는 검색 엔진에서 검색되는 키워드로 인식된다.