1.1.3 EPUB에서 사용되는 HTML 태그

posted by 내.맘.대.로 2013. 10. 18. 17:09

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

IDPF에서는 EPUB 뷰어가 반드시 표현해야 하는 HTML 태그(IDPF OPS Required Module 참조)를 제공하고 있다. 이 태그들은 EPUB으로 책을 편집하는데 필요한 대부분의 기능을 포함하고 있다.

본 레퍼런스에서는 IDPF에서 권고하는 각각의 HTML 태그가 어떤 기능을 하고 있으며 EPUB 편집에서 어떻게 사용할 수 있는지를 정리하고자 한다.

구분	태그	설명
제목	<h?></h?> H1 ~ H6 사용 가능	부 장 절 등 제목에 사용
본문	<p> </p>	한 문단을 감싸는 태그 뷰어에 따라 문단 간격이 벌어짐
본문	<br /> <hr/>	같은 문단 내에서 줄바꿈이 필요할 때 사용하는 태그 <hr/>은 줄바꿈 후 가로선 생김 줄간격이 <p>태그보다 작음 닫는 태그 없음
스타일	<div> </div>	주로 여러 문단을 그룹으로 묶어 스타일을 지정하거나 레이어를 만들 때 사용
스타일	<span></span>	문단 내 문장 혹은 단어의 스타일을 지정하는데 사용
인용	<blockquote> </blockquote> <cite></cite>	<blockquote>는 문단 단위의 인용문, <cite>는 문장 인용문에 사용
강조	<strong></strong> <em></em> <u></u>	진하게 이탤릭 밑줄
편집	<del></del> <ins></ins>	~~삭제된 단어~~ 추가된 단어
첨자	<sub></sub> <sup></sup>	아랫_첨자 윗^첨자
이미지	<img src=“URL” />	이미지를 삽입하는 태그 <br>태그 처럼 닫는 태그 없음
링크	<a href=“URL”></a>	외부 내부 링크 연결 스타일 지정 안할 경우 브라우저 기본 스타일 적용
표 (table)	caption, col, colgroup, table, tbody, td, tfoot, th, thead, tr	표를 만들 때 사용
목록 (list)	dl, dt, dd, ol, ul, li	목록 및 글머리 목록을 만들 때 사용

표. EPUB 뷰어가 반드시 표현해야 하는 HTML 태그 .

내맘대로의 EPUB 제작 가이드