[제목]태그 : h1 ~ h6

제목 태그 : <h1> ~ <h6>

<hx> 태그는 제목(heading)에 사용하는 태그로 큰 제목<h1> ~ 작은 제목<h6>으로 6단계까지 표현이 가능하다. EPUB에서 <hx> 태그로 제목을 지정하면 목차를 쉽게 구분할 수 있고 제목 CSS 스타일을 깔끔하게 지정할 수 있다.

EPUB 제작시 제목을 반드시 <hx> 태그를 사용해야 하는 것은 아니다. 문단 태그인 <p>태그에 스타일을 지정해서 제목으로 사용할 수도 있다. 어떤 태그를 사용해도 스타일을 동일하게 지정하면 뷰어를 통해 독자에게 보이는 내용은 차이가 없다. 하지만 HTML은 독자에게 보여주기 이전에 전자책 뷰어가 먼저 이해를 해야한다. 전자책 뷰어나 EPUB 제작 툴은 <hx>태그를 제목으로 자동으로 인식해서 목차를 만들어 주지만 <p>태그는 본문으로 인식해서 id 속성 등을 이용해서 제목임을 지정해 줘야 목차로 인식한다.

또 <p> 태그를 사용하면 제목을 지정할 때 매번 스타일을 적용해 줘야 하지만 <hx>태그는 제목 외에는 사용할 일이 없기 때문에 태그에 스타일을 적용할 수 있다. 그래서 문서를 편집하는 시간을 절약할 수 있고 책 전체에 일관된 제목 스타일을 적용할 수 있다. 

◈ <hx> 태그 문법 ◈

<h1>h1은 가장 큰 제목에 사용합니다.</h1>

<h2>h2는 두번째 큰 제목에 사용합니다.</h2>

<h3>h3는 세번째 큰 제목에 사용합니다.</h3>

<h4>h4는 작은 제목에 사용합니다. </h4>

<h5>h5는 h4보다 작은 제목에 사용합니다.</h5>

<h6>h6는 h5보다 작은 제목에 사용합니다.</h6>

h_tag_sample.html

◈ 편집에 적용한 예 ◈

<h1>EPUB을 위한 CSS 레퍼런스</h1>

<h2>1. 태그 설명</h2>

<h3>1.1 h태그란?</h3>

<p>h태그는 문서의 제목을 표현할때 사용합니다. 책제목, 부, 장, 절의 제목 등을현할 수 있으며 h1 ~ h6까지 사용이 가능합니다. 단독으로 사용하면 뷰어(브라우저)의 기본 스타일이 적용되며, CSS와 함께 사용하면 다양한타일을 적용할 수 있습니다. </p>

<h5>□ h태그 기본 문법 </h5>

<p>&lt;h1&gt; 제목 &lt;/h1&gt;</p>

h_tag_style_sample.html

* 문법과 예는 복사해서 html 파일에 붙이면 결과를 확인할 수 있습니다.

* 첨부된 *sample.html 파일을 다운로드 해서 웹브라우저로 열어도 태그가 적용된 내용을 확인할 수 있습니다.