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>  </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>문단을 표현하는 태그입니다.</p>

<p>문단과 문단 사이는 뷰어(브라우저)의 설정에 따라 지정된 문단 간격이 있으며 CSS로 간격을 조절할 수 있습니다.</p>


p_tag_sample.html



◈ 편집에 적용한 예 

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

<p>일부 ePUB 편집자는 문단을 &lt;div&gt;&lt;/div&gt;태그로 구분을 하는데 &lt;div&gt;&lt;/div&gt;태그는 레이어를 지정할 때 사용하는 태그이기 때문에 뷰어에서 심각한 오류가 발생할 수 있다. 문단을 구분하는 태그는 반드시 &lt;p&gt;&lt;/p&gt;를 사용하고 &lt;div&gt;&lt;/div&gt;는 사용을 하면 안된다.</p>

<p>많은 ePUB 편집자들이 &lt;p&gt;/&lt;p&gt;태그에 스타일을 붙여 제목, 주석 등을 표현하는데 대부분 CSS가 무한정으로 늘어나고, 다른 사람이 수정을 할 때 CSS만 보고 용도를 알 수 없는 경우가 많아 제목이나 주석 등 특정 목적의 내용은 &lt;p&gt;&lt;/p&gt;태그보다는 해당 목적의 태그를 사용하는 것이 좋다.</p>

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

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

'EPUB 편집 가이드 > EPUB을 위한 HTML' 카테고리의 다른 글

[스타일] 태그 : div  (0) 2013.10.25
[줄바꿈] 태그 : br, hr  (0) 2013.10.24
[본문]태그 : p  (0) 2013.10.18
[제목]태그 : h1 ~ h6  (0) 2013.10.18
1.1.3 EPUB에서 사용되는 HTML 태그  (0) 2013.10.18
1.1.2 HTML 태그의 구조 및 기본 문법  (0) 2013.10.18

설정

트랙백

댓글

[제목]태그 : 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 파일을 다운로드 해서 웹브라우저로 열어도 태그가 적용된 내용을 확인할 수 있습니다. 

설정

트랙백

댓글


티스토리 툴바