전자책에서 문서 나누기와 내부 링크 연결하기

전자책 한 권은 사실상 여러 개의 HTML 파일을 묶은 집합입니다.
Sigil로 열어보면 Text 폴더 안에 Section0001.xhtml, Section0002.xhtml 같은 파일들이 들어있죠.

즉, 한 문서 안에 모든 내용을 몰아넣는 게 아니라, 장·절 단위로 나눠 관리하는 것이 원칙입니다.
이번 편에서는 문서 나누기(Split) 기능과, 본문 안에서 서로 연결되는 내부 링크 활용법을 알아보겠습니다.

 

 

1. 문서 나누기(Split)

전자책을 제작하다 보면 원고가 너무 길어질 때가 있습니다.
이럴 때는 문서를 잘라 여러 개의 HTML 파일로 분리하는 것이 좋습니다.

 

📍 Sigil에서 Split 방법1(최신버전, 구버전 다 가능)

1) 본문 중 원하는 위치(예: 장 제목) 커서를 놓고,
2) 상단 메뉴 → 편집(Edit) → Split at Cursor 선택 (단축키 : Ctrl + Return / 맥은 Cmd + Shift + Return)

 

3) 해당 지점을 기준으로 새로운 HTML 파일이 생성됩니다.

👉 예를 들어, 한 문서에 1장~5장이 모두 들어 있었다면, Section0001.xhtml, Section0002.xhtml … 으로 자동 분리됩니다.
👉 분리된 문서는 전자책 목차(TOC)에도 각각 반영되기 때문에 관리가 훨씬 쉬워집니다.

👉 결과: 구버전과 동일하게 커서 위치 기준으로 문서가 분리됩니다.

 

📍 Sigil에서 Split 방법2 (구버전에만 가능)

1) 본문 중 원하는 위치(예: 장 제목) 커서를 놓고,

2) 상단 → 도구상자(아이콘을 눌러 간단하게 편집할 수 있다) → Split at Cursor 선택

따라서 한 줄 클릭 → 아이콘 클릭만으로 쉽게 분할 가능합니다.

 

📌 왜 아이콘이 사라졌을까?
Sigil 개발진이 인터페이스를 단순화하면서 상단 도구 모음의 일부 기능을 메뉴/단축키 중심으로 옮겼기 때문입니다.
즉, 기능이 없어진 건 아니고, 아이콘만 사라진 것입니다.

 

📌 정리
- 구버전: 상단 아이콘으로 바로 Split 가능 (간단하지만 현재는 지원 X)
- 최신버전: 메뉴 Edit → Split at Cursor 또는 단축키로만 사용 가능
- 기능 자체는 동일하며, 목차 자동 생성에도 그대로 반영됨

 

 

2. 내부 링크 연결하기

전자책은 인터넷 웹페이지처럼 링크를 걸 수 있습니다.
특히 각주, 참고 문헌, 용어 설명 등에서 자주 활용됩니다.

 

1) 링크를 걸고 싶은 부분에 <a> 태그 삽입

html

<a href="Section0002.xhtml#section1">2장으로 이동하기</a>

 

2) 이동할 위치에 id 속성 부여

html

<h2 id="section1">제2장 HTML 기본 구조</h2>

 

👉 이렇게 하면 독자가 해당 링크를 클릭했을 때, 자동으로 2장의 특정 소제목으로 이동합니다.

 

 

3. CSS 적용 전/후 비교 (링크 예시)

1) CSS 적용 전:

html

<p>Sigil 다운로드는
  <a href="https://sigil-ebook.com">여기</a>에서 가능합니다.
</p>

링크는 기본 파란색 밑줄로 표시됩니다. (밋밋하지만 작동은 함. 전형적인 “기본 링크 스타일”만 적용됩니다.)

 

2) CSS 적용 후:

css

a { color: darkred; text-decoration: none; }
a:hover { text-decoration: underline; }

👉 기본은 깔끔하게, 마우스를 올렸을 때만 밑줄이 보이도록 조정할 수 있습니다.

 

 

📌 제가 겪은 시행착오
처음에는 문서 전체를 하나의 파일로 두고 전자책을 만들었는데, 뷰어에서 열면 페이지가 너무 길어 스크롤만 하다 끝나버렸습니다.
또, 내부 링크를 걸면서 id 속성을 빼먹은 적이 있는데, 그때는 링크가 전혀 작동하지 않아서 전체 문서를 다시 수정해야 했습니다.

👉 교훈: 전자책은 문서를 잘게 나누고, 링크는 반드시 id와 함께!

 

---

 

✅ 오늘의 정리
- 전자책은 여러 개의 HTML 파일을 묶은 구조 → 장/절 단위로 Split해서 관리
- Sigil에서 Split at Cursor로 간단히 문서 분리 가능
- 내부 링크는 <a href="파일명#id"> + <id> 조합으로 만들어야 작동
- CSS를 활용해 링크 색상과 밑줄을 깔끔하게 조정 가능

 

---

👉 지난 글 :  이미지 삽입과 스타일링

전자책에서 이미지 삽입과 스타일링 – 깨짐 없이 적용하기

 

👉 다음 글 :  목차 만들기

전자책 목차 (TOC) 만들기 – 자동 / 수동 설정 완전 정리