GomsBook/전자책 제작

XHTML · 구조 이해

오마로 2026. 1. 11. 09:48
반응형

전자책 EPUB이 제대로 동작하는 이유는 ‘구조’에 있다

EPUB 제작을 조금이라도 진행해보면
곧바로 XHTML이라는 단어를 만나게 됩니다.

“HTML이랑 뭐가 다른 거지?”
“왜 전자책에서는 XHTML을 써야 할까?”

이 글에서는 전자책 제작에 필요한 XHTML과 구조 개념
처음 전자책을 만드는 분들도 이해할 수 있도록 정리합니다.


XHTML이란 무엇인가

XHTML은 HTML을 전자책과 XML 환경에 맞게 엄격하게 정의한 문서 형식입니다.

전자책 EPUB에서 사용하는 XHTML은 다음과 같은 특징을 가집니다.

  • 모든 태그는 반드시 닫아야 함
  • 태그 구조가 정확해야 함
  • 문법 오류에 매우 민감함

웹 브라우저에서는
조금 틀려도 “대충” 보여주지만,
전자책에서는 구조 오류 = 검증 오류로 이어질 수 있습니다.

그래서 EPUB에서는
HTML이 아니라 XHTML을 사용합니다.


전자책에서 XHTML이 중요한 이유

전자책은 단순히 화면에 보이는 문서가 아닙니다.

  • 목차 이동
  • 접근성 도구
  • 전자책 검증

이 모든 기능은
XHTML 구조를 기준으로 동작합니다.

즉, 전자책에서 XHTML은
“디자인”이 아니라 설계도에 가깝습니다.

전자책에서 하나의 장(chapter)은
보통 하나의 XHTML 파일로 구성됩니다.

기본 구조는 다음과 같습니다.

  • <html> : 문서 시작
  • <head> : 스타일, 메타 정보
  • <body> : 실제 내용

이 안에서 전자책에 맞게
구조적인 태그들이 사용됩니다.


전자책 XHTML에서 자주 사용하는 구조 태그

1. section

  • 하나의 의미 단위를 묶는 영역
  • 장, 소제목, 콘텐츠 블록 구분

전자책에서는
무작정 <div>를 쓰기보다
<section>을 사용하는 것이 구조적으로 유리합니다.


2. h1 ~ h6 (제목 태그)

  • 전자책 목차와 직접 연결
  • 접근성 도구에서 중요한 기준

제목은 반드시
h1 → h2 → h3 순서를 지켜야 합니다.


3. p (문단)

  • 실제 본문 텍스트
  • 문단 단위로 명확히 구분

전자책에서는
줄바꿈을 <br>로 처리하기보다
문단은 p 태그로 나누는 것이 원칙입니다.


4. figure / img

  • 이미지와 설명을 함께 묶는 구조
  • 접근성에서 매우 중요한 요소

이미지는 반드시
의미에 맞는 구조 안에 배치되어야 합니다.

전자책프로그램_곰스북_구조및태그
전자책프로그램_곰스북_UI_xhtml구조

 


XHTML 구조가 무너지면 생기는 문제

XHTML 구조를 대충 만들면
다음과 같은 문제가 발생합니다.

  • 목차 이동이 정상적으로 되지 않음
  • 전자책 뷰어마다 화면이 다르게 보임
  • 접근성 검증에서 오류 발생
  • EPUBCheck 오류로 검증 탈락

이 문제는
“글이 잘못돼서”가 아니라
구조가 잘못돼서 발생합니다.


전자책 제작에서 구조가 우선인 이유

전자책 제작은
다음 순서로 생각해야 합니다.

  1. 구조를 먼저 잡고
  2. 그 구조 안에 내용을 넣는다

하지만 많은 분들이
웹 글을 쓰듯이 작성하다가
나중에 구조를 맞추려다 어려움을 겪습니다.

그래서 전자책 제작에서는
처음부터 구조를 강제해주는 환경이 중요합니다.


XHTML을 직접 다룰까, 프로그램을 사용할까

XHTML을 직접 작성하는 것도 가능하지만,
실제 작업에서는 다음과 같은 부담이 따릅니다.

  • 사소한 태그 오류도 검증 실패로 이어짐
  • 구조 수정 시 전체 파일을 다시 점검해야 함
  • 접근성 기준까지 함께 고려해야 함

이 때문에 대부분의 작가와 출판사는
XHTML 구조를 자동으로 관리해주는 전자책 프로그램을 사용합니다.

프로그램은 구조를 책임지고,
사용자는 내용에 집중할 수 있게 됩니다.

곰스북에디터는 태그 오류 검증, 검증, 접근성 기준 등을 고려하여 설계된 전자책 툴입니다.


XHTML · 구조 이해에서 기억해야 할 핵심

이 글에서 꼭 기억해야 할 핵심은 세 가지입니다.

  1. EPUB 전자책은 XHTML 기반이다
  2. 전자책은 “보이는 것”보다 “구조”가 중요하다
  3. 구조 관리는 자동화하는 것이 가장 안전하다

이 개념만 이해해도
전자책 제작 과정에서 큰 실수를 피할 수 있습니다.


다음 단계는 무엇일까?

XHTML과 구조를 이해했다면
이제 자연스럽게 다음 단계로 넘어갑니다.

  • 전자책 프로그램이 구조를 어떻게 관리해주는지
  • EPUB 제작 전체 흐름
  • 검증에서 자주 발생하는 구조 오류 사례

다음 글에서는
전자책 프로그램 곰스북에디터가 XHTML 구조를 어떻게 대신 처리해주는지
구체적으로 다뤄보겠습니다.

곰스북에디터는
전자책(EPUB 3.0) 제작 과정에서 접근성 검증과 오류를 동시에 해결할 수 있도록 설계된
전자책 제작 툴입니다


전자책프로그램_곰스북_감사합니다.

 

📌 전자책 프로그램 관련 글 모아보기
전자책 프로그램 추천 | EPUB 제작부터 검증까지 – 곰스북에디터
곰스북에디터 소개
- EPUB제작기초
- XHTML · 구조 이해
- 이미지 · 목차 · 패키징
- EPUB 검증 오류 사례
- 접근성 기준 정리
- 검증 통과 노하우

반응형

'GomsBook > 전자책 제작' 카테고리의 다른 글

이미지 · 목차 · 패키징  (0) 2026.01.11
EPUB 제작 기초  (0) 2026.01.11