대체 스타일시트에는 title(제목)이 있어야 합니다.

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

Alternative style sheets must have a title.

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

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

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

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

해결 방법은 간단합니다. 문제가 되는 <link> 태그에 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>