[CSS] @charset "utf-8";

CSS 인코딩 방식 선언

 

CSS 첫 코드는 @charset "utf-8";로 선언하는 것이 좋습니다.

 

이렇게 선언하면, 아스키 코드나 유니코드 문자열이 있을 때 utf-8로 명시적으로 선언해주어 인코딩 셋을 지정합니다. HTML에서 <meta charset="utf-8">과 비슷한 역할을 합니다.

 

 

@charset 사용법

• charset 규칙은 스타일 시트 가장 처음으로 선언되어야 합니다. 어떤 문자도 선행하면 안 됩니다.
• @charset 규칙이 여러 개가 정의된 경우는 첫 번째만 유효합니다.
• @charset 규칙은 외부 스타일 방식에서만 사용 가능합니다. 인라인 방식 및 내부 스타일 방식에서는 사용이 불가능합니다. style 속성 내부에서 사용될 수 없으며 <style> 요소 안에서 역시 사용 불가능합니다.
• @charset을 통해 문자열 인코딩을 지정해줄 때는 "큰 따옴표"를 사용해야 합니다.

 

@charset 예문

 

@charset "UTF-8";     /* 스타일 시트의 인코딩을 Unicode UTF-8로 설정 */

@charset "iso-8859-15";     /* 스타일 시트의 인코딩을 Latin-9 (서유럽어, euro sign 있는) 로 설정 */

@charset "utf-8"; /* 글자가 깨지지 않도록 */

 

주의사항

@charset "UTF-8";     /* 유효 */
@charset 'UTF-8';      /* 유효하지 않음, 잘못된 따옴표를 사용했습니다. (" ") */
@charset  "UTF-8";     /* 유효하지 않음, @charset 다음 스페이스가 두 번 들어갔습니다. */
 @charset "UTF-8";     /* 유효하지 않음, @charset 이전 스페이스가 들어갔습니다. */
@charset UTF-8;     /* 유효하지 않음, 큰 따옴표를 사용하지 않아 문자열을 인식하지 못합니다.  */