내맘대로의 EPUB 제작 가이드

EPUB이 전자책 포멧으로 많이 사용된다고 해서 EPUB만 전자책 포멧은 아닙니다. 아마존은 AZW를 쓰고 있고, PDF로 전자책 서비스를 하는 곳도 있습니다. 그럼 전자책 포멧에는 어떤 것들이 있을까요?

1. PDF - 가장 대표적인 전자책 포멧입니다. 오라일리 같은 출판사는 종이책을 산 사람들에게 PDF를 무료로 제공하기도 합니다. 가장 오랫동안 사용되었고, 가장 대표적인 전자책 포멧이 PDF입니다. 

2. mobi - 아마존 킨들 서비스의 전신이라 할 수 있는 모비포켓에서 개발한 전자책 포멧입니다. EPUB의 장점을 그대로 갖고 있고 오랫동안 사용해서 완성도가 아주 높습니다. 저작권이 말소된 전자책(주로 영미권도서)을 무료로 다운로드 할 수 있는 구텐베르크 프로젝트에서도 mobi 포멧을 지원합니다.(Kindle 포멧이라고 되어 있는 파일이 mobi 포멧임)

3. lit - 지금은 지원이 중단됐지만 마이크로 소프트에서 만든 Microsoft Reader로 읽을 수 있는 전자책 포멧입니다. Pocket PC^[각주:1]에 기본으로 지원하던 포멧.

4. chm - 역시 마이크로소프트에서 사용하던 포멧으로 윈도우의 도움말 파일이 대부분 chm 포멧을 사용했습니다. HTML 파일을 컴파일 하고 압축해서 만든 문서로 많은 소프트웨어 업체들이 도움말(HELP) 파일로 사용을 했습니다. 지금도 윈도우에서 찾아볼 수 있습니다. 

5. CBZ/CBR - 만화 포멧. 여러장의 이미지를 ZIP(CBZ) 혹은 RAR(CBR) 파일로 압축해 놓은 파일로 문서 포멧이라고 하기는 어렵습니다. 하지만 코믹 뷰어에서 많이 사용하기 때문에 전자책 포멧에서 빼놓을 수 없는 포멧입니다. 

6. txt - 텍스트 파일이 왜 전자책 포멧일까 하고 생각하는 분들도 계시겠지만, 많은 업체들이 텍스트파일을 전자책 포멧으로 사용하고 있습니다. 특히 피쳐폰 시절의 전자책은 텍스트파일인 경우가 많았습니다. 파일의 형식을 조금 변형하고, 이미지 등을 처리할 수 있는 자체 태그를 만들어 암호화시켜서 사용하는 경우가 많습니다. 리디북스의 전자책 포멧도 이런 형식입니다. 

7. BBeB(Broad Band eBook) - 소니와 캐논에서 개발하고 소니가 처음 개발한 EPD^[각주:2]디바이스인 Librie의 포멧으로 사용됐습니다. LRS, LRF, LRX 등의 확장자를 가지고 있습니다. 

이 외에도 아주 많은 전자책 포멧이 있습니다. HTML도 전자책용으로 사용되고 있으며 XDF 등 XML이나 PDF의 변형을 전자책 포멧으로 사용하기도 합니다. 하지만 대부분 시장에서 살아남지 못했고 현재는 아마존 킨들 포멧인 AZW포멧과 PDF와 EPUB 두 포멧이 주요 전자책 포멧으로  자리잡았습니다. 

EPUB은 가장 많은 전자책 사업자가 선택을 한 전자책 포멧입니다. 구글 플레이북에서도 PDF와 EPUB을 지원하고 애플의 iBooks에서도 PDF와 EPUB을 지원 합니다. Sony의 전자책 전용 디바이스인 PRS 시리즈, 반즈앤 노블의 누크, 코보(Kobo)의 전자책 전용 디바이스 등 메이저 사업자들은 EPUB을 기본 포멧으로 사용합니다. 국내에서도 교보문고가 처음 EPUB을 상용포멧으로 사용하면서 인터파크 비스킷, 올레이북, 티스토어, 텍스토어(조선일보), 리더스허브(삼성) 등 모두 EPUB을 기본 포멧으로 제공하고 있습니다. 리디북스는 초기에 텍스트 기반의 자체 개발 포멧을 사용하다가 EPUB을 함께 지원하고 있습니다.

이런 분위기로 인해 EPUB이 국제 전자책 표준이라고 생각하는 사람들이 많이 생겼습니다. 어떤 사람들은 전자책 서비스를 하려면 반드시 EPUB을 사용해야 한다고 생각을 합니다. 하지만 EPUB은 국제 표준이 아닙니다. EPUB 포멧을 제안하고, 내용, 형태, 구조 등을 설계하고 있는 IDPF에서 국제 표준화 기구(ISO)에 전자책 표준으로 등록시키려는 시도는 하고 있지만 아직 ISO의 표준은 아닙니다. ISO에서 표준으로 등록된 양식은 워드프로세스를 위한 ODF(OASIS Open Document Format ODF 1.0), OOXML(Office Open XML), 문서 보관용 포멧인 PDF(Portable Document Format) 등 몇가지가 있습니다. 

EPUB으로 전자책을 만들지 않더라도 아무런 문제가 없습니다. 아마존은 AZW라는 mobi 포멧을 전자책 포멧으로 사용하고 있으며 애플의 iBooks Author는 EPUB과 유사하긴 하지만 EPUB에서 표현할 수 없는 부분을 확장시킨 자체 포멧을 사용합니다. 이처럼 전자책 사업자는 반드시 EPUB을 사용해야 하는 것은 아닙니다. 

EPUB은 IDPF라는 국제 전자출판 포럼에서 권고하는 포멧으로 2013년 현재 많은 전자책 사업자가 채택하고 있는 전자책 포멧입니다. 확장성이 좋고 무료이며 만들기 쉽기 때문에 많은 전자책 사업자가 채택을 해서 지금은 산업표준이라고 해도 될 정도입니다. 산업표준에 대해서는 VHS와 베타 방식의 비디오 테잎 표준 얘기를 보면 쉽게 이해할 수 있을 것입니다. 간단히 요약하면 실제 표준이 어떤 것이든 시장 지배 사업자가 많이 사용하는 방식을 시장이 따르게 되고, 시장 점유율이 높은 포멧이 정부나 표준화 기구의 의지와 상관 없이 표준처럼 쓰이게 된다는 것입니다. 가장 대표적인 예가 MS-Office 문서입니다. 

 EPUB은 IDPF에서 제안하는 전자책 포멧이지만 이미 산업표준화 되어 있고, 국내에서는 정부 차원에서 전자책 표준 포멧으로 제정하기 위한 움직임이 있습니다. 사실상 '전자책 표준 포멧'이라고 해도 큰 문제는 없어보입니다. 하지만 전자책 사업자가 반드시 EPUB을 써야하는 것은 아니며, EPUB 외에도 다양한 전자책 포멧이 있다는 것도 알아둘 필요가 있습니다. 

본문 태그 : <p>  </p>

문단 태그는 주로 본문의 내용을 작성할 때 사용합니다. EPUB에서는 책의 한 문단을 <p> </p> 태그로 묶어 줄 수 있다. <p></p> 태그는 가장 기본이 되는 태그로 CSS 스타일을 적용하면 다양한 형태의 편집이 가능하다. 

일부 EPUB 편집자는 문단을 <div></div>태그로 구분을 하는데 <div></div>태그는 여러 문단을 묶어 스타일을 적용하거나 레이어를 만들때 사용하는 태그이기 때문에 뷰어에서 심각한 오류가 발생할 수 있다. 문단을 구분하는 태그는 반드시 <p></p>를 사용하고 <div></div>는 사용을 하면 안된다.

<p></p>태그에 스타일을 붙여 제목, 주석 등을 표현하는 것도 가급적 피하는게 좋다. <p></p>태그를 꾸미는 CSS가 무한정으로 늘어나고, 다른 사람이 수정을 할 때 CSS만 보고 용도를 알 수 없는 경우가 많아 제목이나 주석 등 특정 목적의 내용은 <p></p>태그보다는 해당 목적의 태그를 사용하는 것이 좋다. 

◈ <p> </p> 태그 문법 ◈

p_tag_sample.html

◈ 편집에 적용한 예 ◈

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

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

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

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

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

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

◈ <hx> 태그 문법 ◈

h_tag_sample.html

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

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

1.1.3 EPUB에서 사용되는 HTML 태그

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

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

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

1.1.2 HTML 태그의 구조 및 기본 문법

HTML은 태그로 텍스트, 이밎, 영상, 음성 등 다양한 정보를 묶어 문서로 표현해 주는 언어다. 쉽게 말하면 한국어, 영어, 일본어 같은 언어라고 생각하면 된다. 한국어, 영어는 사람끼리 대화하는데 필요한 언어지만 HTML은 브라우저와 문서간에, EPUB이라면 EPUB 문서와 전자책 뷰어간에 대화를 하기 위해 필요한 언어라는 차이가 있다. 

EPUB 뷰어는 EPUB 파일을 만나면 EPUB과 약속한 규칙에 따라 EPUB파일 안에 어떤 정보가 담겨있는지를 content.opf나 toc.ncx같은 파일을 통해 전달받고, 책을 보는 독자에게 전달해야 하는 정보가 담긴 HTML 문서를 읽어 뷰어 화면에 뿌려준다. 독자는 EPUB의 복잡한 구조를 알 필요 없이 뷰어에서 보여주는 정보만 보면 된다. EPUB 뷰어는 어떤 정보가 독자에게 보여져야 하는지를 결정하기 위해 '태그'와 대화를 나눈다. '태그'에 따라 EPUB 문서에 있는 정보가 이미지인지, 텍스트인지, 텍스트 중에서도 제목인지, 본문인지, 주석인지를 파악한다. 

그림2. 태그의 구조

태그는 <여는 태그>내용</닫는 태그>로 이루어져 있다. 여는 태그와 닫는 태그 사이에 있는 내용이 EPUB 뷰어에 표시되는 내용이다. 여는 태그가 있으면 닫는 태그(여는 태그와 동일하나 태그 앞에 /가 붙음)가 반드시 존재해야 한다. 단, <br/> 같이 그 자체로 여는 태그이면서 닫는 태그(empty tag)인 경우도 있다.

그리고 여는 태그에는 태그의 내용을 꾸며주는 속성을 지정할 수 있다. 태그 별로 지정할 수 있는 속성이 있지만 최근에는 CSS를 주로 사용하기 때문에 태그별 속성은 사용하지 않는 추세이다. 위의 예에서 사용한 class라는 속성은 CSS를 사용하기 위해서 주로 사용하는 속성이다. 

여는 태그와 닫는 태그 사이에는 콘텐츠의 내용이나 다른 태그를 넣을 수 있다. 태그 사이에 다른 태그를 넣을 때는 열고 닫는 순서가 매우 중요하다. 반드시 여는 태그와 닫는 태그 사이에 다른 태그가 포함 되야 하며 태그가 서로 교차되서는 안된다.

일부 태그는 별도의 속성(어트리뷰트 | 예 : align=”center”)을 지정할 수 있다. 어트리뷰트는 좌우 정렬, 색, 크기 등을 지정하는 속성으로 태그별로 지정할 수 있는 속성이 다르다. 하지만 태그 속성은 기본적인 편집 기능만 제공하며, 편집이 많이 들어갈 경우 문서 양이 늘어날 수 있고, 개별 태그에 속성이 적용되어 편집 수정이 불편하기 때문에 태그의 속성을 이용한 편집은 거의 사용하지 않는다.

HTML은 줄바꿈이나 공백이 무시된다. 줄바꿈은 아무리 많이 하더라도 한줄로 표시되며 공백은 한칸만 적용된다. 이런 특징 때문에 HTML문서를 작성할 때 구조화 해서 편집하기 편한 장점이 있지만 줄바꿈이나 공백 삽입 등을 위해서는 별도의 태그나 코드를 사용해야 한다.

그림2. HTML은 공백을 1칸만 표현하고 나머지는 무시한다.