CSS 스타일 시트에서 사용되는 문자 인코딩을 지정하는 방법

CSS에서 스타일 시트에 사용되는 문자 인코딩을 지정하는 방법은 매우 간단합니다. CSS의 @charset 규칙은 스타일 시트에 사용되는 문자 인코딩을 지정하는 데 사용됩니다. @charset 규칙을 사용하는 방법과 스타일 시트에서 사용하는 문자 인코딩을 지정하는 방법을 살펴보겠습니다.

먼저 이해해 봅시다. 문자 집합과 인코딩이 무엇인가요?

문자 집합은 쓰기 시스템에 사용되는 문자와 기호의 모음입니다. 예를 들어 ASCII 문자 집합, 유니코드 문자 집합이 있습니다. 문자 집합의 문자는 컴퓨터에 하나 이상의 바이트로 저장됩니다. 각 바이트 또는 바이트 시퀀스는 주어진 문자를 나타냅니다.

문자 인코딩은 특정 바이트 또는 바이트 시퀀스를 글꼴이 텍스트로 렌더링하는 특정 문자에 매핑하는 규칙입니다.

문서의 문자 인코딩은 일반적으로 0deb6de0896d5955b2d934bbb2b09363 또는 85018ae9a312ab9c47e5850ea7093742 태그 형식으로 지정됩니다. 스타일시트와 HTML 페이지의 문자 인코딩으로 HTML에서 항상 UTF-8 인코딩을 선언하고 사용해야 합니다. HTML5 문서에서 문자 인코딩을 설정하려면 다음 세 가지 선언 중 하나로 충분합니다.

<！ -  HTTP HEADER  - > 
< meta  http-equiv = “Content-Type”  content = “text / html; charset = utf-8” ><

！ -  HTML4-style meta  - > 
< meta  http-equiv = “Content-Type”  content = “text / html; charset = utf-8” >

<！ - 短HTML5元（推荐） - > 
< meta  charset = “utf-8” >

CSS에서 문자 인코딩을 선언할 필요가 거의 없습니다. HTML에서 문자 인코딩을 선언하는 경우 스타일시트에서 이를 선언할 필요가 없습니다. 스타일시트가 HTML이 아닌 별도의 파일에 있는 경우 아래 표시된 순서를 확인하여 스타일시트의 문자 인코딩을 추론하는 네 가지 방법이 있습니다. 네 가지 방법이 모두 실패하면 기본값을 사용합니다. 브라우저는 스타일 시트의 문자 인코딩을 결정하기 위해 다음 우선 순위(가장 높은 우선 순위부터 가장 낮은 우선 순위까지)를 관찰합니다.

1. 웹 서버에서 전송한 Content-Type HTTP 헤더의 charset 속성(또는 유사한 내용, 스니펫 참조) 위에).

2. 유니코드 바이트 순서 표시 또는 @charset 규칙.

3. 링크 메커니즘의 edd50fad2b5bcca13a19774602eb4ef8 또는 다른 메타데이터의 charset 속성(있는 경우)

4. 참조된 스타일 시트 또는 문서의 문자 집합(있는 경우)

If 네 가지 모두 실패하면 브라우저는 인코딩을 UTF-8로 가정합니다.

기본 구문:

@charset "字符集名称";

문자 세트 이름은 크기를 구분하지 않는 문자열입니다. 새 스타일시트는 항상 UTF-8이어야 합니다. IANA 레지스트리에 정의된 웹 안전 문자 인코딩의 이름이어야 합니다.

참고

: @charset은 스타일시트의 시작 부분(첫 번째 위치)에 표시되어야 합니다.

"@charset" 뒤에는 문자 인코딩의 이름을 따옴표로 지정하세요. 예:

@charset "ISO-8859-1";

예:

다음 @charset 선언은 스타일시트가 ISO-8859-15 문자 인코딩을 사용함을 나타냅니다.

@charset “ISO-8859-15” ; / *拉丁语9的编码（西欧语言，带欧元符号）* /

다음은 문자 인코딩 이름이 따옴표로 묶이지 않았기 때문에 잘못된 @charset 선언입니다.

@charset UTF- 8 ;

다음도 잘못된 선언입니다. @charset 문 앞에 빈 줄:

@charset“UTF-8” ;

브라우저 호환성:

요약: 위 내용은 이 기사의 전체 내용입니다. 모든 사람의 학습에 도움이 되기를 바랍니다

위 내용은 CSS 스타일 시트에서 사용되는 문자 인코딩을 지정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!