웹을 자주 탐색하는 사람이라면 HTML에 브라우저가 구문 분석할 때 올바르게 표시할 수 없는 예약된 문자가 있다는 것을 보셨을 것입니다. 이때 문자 엔터티를 사용하여 이를 대체해야 합니다. 동시에 문자 엔터티를 사용하여 키보드에 없는 일부 기호를 대체할 수도 있습니다.
1. HTML 문자 엔터티
HTML의 예약된 문자는 문자 엔터티로 대체되어야 합니다. 키보드에 없는 일부 문자는 문자 엔터티를 사용하여 바꿀 수도 있습니다.
또한 브라우저는 공백( ), 탭 중지(	), 줄 바꿈(
), 캐리지 리턴(
) 및 ( 　) 문자를 공백으로 해석합니다. ;) 등등. 따라서 빈 공간을 표시하려면 대신 html 엔터티를 사용해야 합니다.
2. HTML 엔터티
HTML에서는 특정 문자가 예약되어 있습니다.
브라우저가 이를 태그로 착각하기 때문에 HTML에서 보다 작음 기호(<)와 보다 큼 기호(>)를 사용할 수 없습니다.
예약된 문자를 올바르게 표시하려면 HTML 소스 코드에서 문자 엔터티를 사용해야 합니다. 문자 엔터티는 다음과 같습니다.
&entity_name;또는&#entity_number;
보다 작음 기호를 표시하려면 다음과 같이 작성해야 합니다. <
숫자 대신 엔터티 이름을 사용하면 이름을 기억하기가 더 쉽다는 장점이 있습니다. 단점은 브라우저가 모든 엔터티 이름을 지원하지 않을 수 있다는 것입니다(그러나 엔터티 번호에 대한 지원은 좋습니다).
1. 공백 문자
HTML은 서로 다른 너비를 갖는 다섯 가지 유형의 공간 엔터티(공간 엔터티)를 제공합니다. 줄바꿈 없는 공백( )은 일반 공백의 너비이며 모든 주요 브라우저에서 실행될 수 있습니다. 다른 여러 공백(       ‌ ‍ )은 브라우저마다 너비가 다릅니다.
No-Break Space라고 불리며, 정식 이름은 No-Break Space입니다. 우리가 가장 많이 사용하는 공간이자, 대부분의 사람들이 접하게 되는 공간입니다. 열쇠. HTML에서는 스페이스 바를 사용하여 이 공백을 생성하면 공백이 누적되지 않습니다(1로만 계산됨). 누적은 HTML 엔터티 표현을 통해서만 달성할 수 있습니다. 공백의 너비는 글꼴에 의해 크게 영향을 받습니다.
 
"반폭 스페이스"라고 불리며, 정식 이름은 En Space입니다. En은 타이포그래피의 측정 단위로 em 너비의 절반입니다. 정의에 따르면 글꼴 크기의 절반에 해당합니다(예: 16px 글꼴의 8px). 명목상 소문자 n의 너비입니다. 이 공간은 공간 계열의 일관된 특성을 계승합니다. 투명합니다. 이 공간은 매우 안정적인 특성을 가지고 있습니다. 즉, 차지하는 너비가 정확히 중국 너비의 1/2이며 기본적으로 글꼴의 영향을 받지 않습니다.
 
이를 "전폭 공간"이라고 하며, 전체 이름은 Em Space입니다. Em은 타이포그래피의 측정 단위로 현재 지정된 포인트 수에 해당합니다. 예를 들어 16px 글꼴의 1em은 16px입니다. 이 공간 역시 공간 계열의 일관된 특성을 계승합니다. 즉, 이 공간도 매우 안정적인 특성을 가지고 있습니다. 즉, 차지하는 너비가 정확히 1 중국어 너비이며 기본적으로 글꼴의 영향을 받지 않습니다.
 
좁은 공간이라고 불리며, 정식 이름은 Thin Space입니다. 스키니 스페이스(Skinny Space)라고 부를 수도 있는데, 이는 공간이 상대적으로 얇고, 몸체도 얇으며, 상대적으로 작은 폭을 차지한다는 뜻이다. 폭은 em의 6분의 1입니다.
‌
이는 Zero Width Non Joiner라고 하며, 전체 이름은 Zero Width Non Joiner 또는 줄여서 "ZWNJ"입니다. 이는 대신에 발생할 수 있는 합자를 억제하기 위해 전자 텍스트의 두 문자 사이에 배치되는 비인쇄 문자입니다. , 이 두 문자를 사용합니다. 문자는 원래 문자 모양을 사용하여 그려집니다. 유니코드에서 너비가 0인 비 조이너 문자는 ""(너비가 0인 비 조이너, U+200C)로 매핑되고 HTML 문자 값은 ‌
‍
전체 이름은 Zero Width Joiner, 줄여서 "ZWJ"로, 복잡한 조판이 필요한 특정 언어(예: 아랍어)에서 두 문자 사이에 배치되는 비인쇄 문자입니다. 및 힌디어), 그렇지 않으면 하이픈으로 연결되지 않는 이 두 문자를 하이픈 효과를 생성합니다. 너비가 0인 하이픈의 유니코드 코드 포인트는 U+200D(HTML:‍ ‍)입니다.
2. 중단되지 않는 공백
HTML의 일반적인 문자 엔터티는 잘림 방지 공백( ) 입니다.
브라우저는 항상 HTML 페이지에서 공백을 자릅니다. 텍스트에 공백 10개를 쓰면 브라우저는 페이지를 표시하기 전에 그 중 9개를 삭제합니다. 페이지의 공백 수를 늘리려면 문자 엔터티를 사용해야 합니다.
3. HTML에서 탭 키 표현
HTML 특수 문자에는 TAB이 포함되지 않습니다(TAB은 	로 표시되어야 합니다. 그러나 <PRE>...</PRE>와 같은 태그 내에서만 작동하며 다른 곳에서는 공백과 동일합니다).
표현을 시뮬레이션하려면  this를 사용할 수 있습니다.
 와 같은 6가지 공백 유형의 차이점
HTML은 서로 다른 너비를 갖는 다섯 가지 유형의 공간 엔터티(공간 엔터티)를 제공합니다. 줄바꿈 없는 공백( )은 일반 공백의 너비이며 모든 주요 브라우저에서 실행될 수 있습니다. 다른 여러 공백(      ‌‍)은 브라우저마다 너비가 다릅니다.
No-Break Space라고 불리며, 정식 이름은 No-Break Space입니다. 가장 일반적이고 우리가 가장 많이 사용하는 공간은 를 눌러 생성되는 공간입니다. 스페이스 키. HTML에서는 스페이스바를 사용하여 이 공백을 생성하면 공백이 누적되지 않습니다(1로만 계산됨). 축적은 HTML 엔터티 표현을 통해서만 달성될 수 있습니다. 공백의 너비는 글꼴에 의해 크게 영향을 받습니다.
 
"반폭 스페이스"라고 불리며, 정식 이름은 En Space입니다. En은 타이포그래피의 측정 단위로 em 너비의 절반입니다. 정의에 따르면 글꼴 크기의 절반에 해당합니다(예: 16px 글꼴의 8px). 명목상 소문자 n의 너비입니다. 이 공간은 공간 계열의 일관된 특성을 계승합니다. 투명합니다. 이 공간은 매우 안정적인 특성을 가지고 있습니다. 즉, 차지하는 너비가 정확히 중국 너비의 1/2이며 기본적으로 글꼴의 영향을 받지 않습니다.
 
이를 "전폭 공간"이라고 하며, 전체 이름은 Em Space입니다. Em은 타이포그래피의 측정 단위로 현재 지정된 포인트 수에 해당합니다. 예를 들어 16px 글꼴의 1em은 16px입니다. 이 공간 역시 공간 계열의 일관된 특성을 계승합니다. 즉, 이 공간도 매우 안정적인 특성을 가지고 있습니다. 즉, 차지하는 너비가 정확히 1 중국어 너비이며 기본적으로 글꼴의 영향을 받지 않습니다.
 
좁은 공간이라고 불리며, 정식 이름은 Thin Space입니다. 스키니 스페이스(Skinny Space)라고 부를 수도 있는데, 이는 공간이 상대적으로 얇고, 몸체도 얇으며, 상대적으로 작은 폭을 차지한다는 뜻이다. 폭은 em의 6분의 1입니다.
‌
이는 Zero Width Non Joiner라고 하며, 전체 이름은 Zero Width Non Joiner 또는 줄여서 "ZWNJ"입니다. 이는 대신에 발생할 수 있는 합자를 억제하기 위해 전자 텍스트의 두 문자 사이에 배치되는 비인쇄 문자입니다. , 이 두 문자를 사용합니다. 문자는 원래 문자 모양을 사용하여 그려집니다. 유니코드에서 너비가 0인 비 조이너 문자는 ""(너비가 0인 비 조이너, U+200C)로 매핑되고 HTML 문자 값은 ‌
‍
전체 이름은 Zero Width Joiner, 줄여서 "ZWJ"로, 복잡한 조판이 필요한 특정 언어(예: 아랍어)에서 두 문자 사이에 배치되는 비인쇄 문자입니다. 및 힌디어), 그렇지 않으면 하이픈으로 연결되지 않는 이 두 문자를 하이픈 효과를 생성합니다. 너비가 0인 하이픈의 유니코드 코드 포인트는 U+200D(HTML: ‍ ‍)입니다.
또한 브라우저는 공백( ), 탭 중지(	), 줄 바꿈(
) 및 캐리지 리턴(
) 문자를 공백으로 해석합니다. (　) 등이 있습니다.
4. 음성 기호 결합
음성 기호는 문자에 추가된 문자 모양입니다.
발음 구별 부호는 글자 위와 아래, 글자 내 또는 두 글자 사이에 나타날 수 있습니다.
발음 구별 부호는 알파벳 및 숫자와 함께 사용할 수 있습니다.
HTML의 유용한 문자 엔터티
참고: 엔터티 이름은 대소문자를 구분합니다!