[html 태그] hn태그 (h1, h2, h3, h4, h5, h6)

html 구조에서 제목을 나타내는 태그가 있다. 바로 흔히 hn 태그라고 불리는

h1~h6 까지의 태그이다.

 

기본적으로 block요소의 성격과

h1부터 h6까지 텍스트의 크기가 다르게 설정이 되어있고 bold 처리가 되어있다.

 

사이즈 조정 및 bold 처리를 수정하기 위해서는

css로 별도의 조정이 필요하다.

 

그리고,

 

제목의 중요도나 분류에 따라 1부터 6까지 사용한다.

 

쓰임에 맞게 h1부터 h2, h3~ 순서에 맞게 작성하는 것이 좋다.

<h1>전체 공지사항</h1>
<section>
   <h2>인사 정보 관련 공지</h2>
   <div>
      <h4>인사 발령</h4>  <!-- (x) 순서에 맞게 h3태그를 사용하는 것이 좋다. -->
      <p>인사팀 홍길동 외 10명 특별 승진.</p>
   </div>
</section>

 

<h1>전체 공지사항</h1>
<section>
   <h2>인사 정보 관련 공지</h2>
   <div>
      <h3>인사 발령</h3>
      <p>인사팀 홍길동 외 10명 특별 승진.</p>
   </div>
</section>
<section>
   <h2>개발 본부 관련 공지</h2>
   <div>
      <h3>인사 발령</h3>
      <div>
         <h4>Frontend 개발자 승진 명단</h4>
         <p>김땡땡 외 3명</p>
         <h4>Backend 개발자 승진 명단</h4>
         <p>최땡땡 외 1명</p>
      </div>
      <h3>부서 운영비 개정</h3>
      <p>1인당 1만원에서 25만원으로 대폭 증가</p>
   </div>
</section>