CSS로 작성된 스타일 시트가 어떤 문자 집합(character set)을 사용하는지 브라우저에 알려주려면 @charset 규칙을 사용합니다. 이 규칙은 스타일 시트에서 사용되는 문자 인코딩을 명시적으로 선언하는 역할을 하며, 특히 한글이나 특수문자 등 다양한 언어를 다룰 때 중요합니다.
@charset 규칙의 기본 문법
@charset 규칙은 반드시 스타일 시트의 가장 첫 줄에 작성해야 합니다. 앞에 공백이나 주석, 다른 CSS 선언이 하나라도 있으면 규칙이 무시되므로 주의해야 합니다.
- 스타일 시트 최상단에 위치해야 합니다.
- 앞에 어떠한 공백도 허용되지 않습니다.
- 인코딩 값은 반드시 큰따옴표(" ")로 감싸야 합니다.
- 값은 표준 문자 집합(예: UTF-8, ISO-8859-1) 중 하나여야 합니다.
사용 예제
다음 예제는 스타일 시트의 문자 집합을 iso-8859-1로 지정하는 방법을 보여줍니다.
<style> <!-- @charset "iso-8859-1"; .......기타 CSS 규칙들..... --> </style>
참고 사항
현재 웹 표준 환경에서는 대부분 UTF-8 인코딩을 사용하는 것이 권장됩니다. UTF-8은 전 세계 모든 언어를 지원하며, HTML 문서의 <meta charset="UTF-8"> 선언과 함께 일관성 있게 사용하면 문자 깨짐 현상을 효과적으로 방지할 수 있습니다.