posted by 내.맘.대.로 2025. 9. 25. 08:51

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

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

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

자세한 내용은 여기로: https://www.epubguide.net/notice/309

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

Alternative style sheets must have a title.

 

이 오류는 CSS 파일을 독자가 선택할 수 있는 '대체 테마'로 지정(rel="alternate stylesheet")했지만, 그 테마의 이름을 정하는 title 속성을 빠뜨렸을 때 발생합니다.

메뉴판에 '오늘의 특별요리'라고만 적고 정작 요리 이름은 적지 않은 것과 같습니다. 🍽️ 사용자는 선택지가 있다는 것은 알지만, 그것이 무엇인지 알 수 없습니다.


## title 속성이 필수인 이유

독자가 전자책 뷰어의 설정 메뉴에서 '낮 모드'나 '밤 모드' 같은 테마를 선택할 때, 메뉴에 표시되는 이름이 바로 title 속성에 적힌 텍스트입니다.

title이 없으면 뷰어는 사용자에게 테마 선택지를 보여줄 수 없으므로, rel="alternate stylesheet"로 지정된 스타일시트에는 title 속성이 반드시 필요합니다.


## 해결 방법

해결 방법은 간단합니다. 문제가 되는 <link> 태그에 title 속성을 추가하여 테마의 이름을 명확하게 적어주면 됩니다.

  • 오류가 발생하는 코드:➡️ rel이 'alternate stylesheet'인데 title이 없어 오류가 발생합니다.
  • HTML
     
    <head>
      ...
      <link href="night.css" rel="alternate stylesheet" type="text/css" />
      ...
    </head>
    
  • 올바르게 수정한 코드: ✅➡️ 이제 뷰어는 '어두운 테마'라는 이름으로 이 스타일을 독자에게 제공할 수 있습니다.
  • HTML
     
    <head>
      ...
      <link href="night.css" rel="alternate stylesheet" type="text/css" title="어두운 테마" />
      ...
    </head>
    

 

반응형