HTML 엔티티(HTML Entities)

HTML의 예약된 문자는 문자 엔티티로 대체해야 한다.

 

HTML Entities

일부 문자는 HTML로 예약되어 있다.

텍스트에서 (<)보다 작거나 (>)보다 큰 기호를 사용하는 경우 브라우저에서 태그와 함께 사용할 수 있다.

문자 엔티티는 HTML에서 예약된 문자를 표시하는 데 사용된다.

문자 엔티티는 다음과 같습니다:

&entity_name; OR &#entity_number;

보다 작은 기호(<)를 표시하려면 &lt; 또는 &#60;을 작성해야 한다;

엔티티 이름 사용의 이점: 엔티티 이름은 기억하기 쉽다.
엔터티 이름 사용의 단점: 브라우저가 모든 엔터티 이름을 지원하지 않을 수 있지만 엔터티 번호는 지원한다.

 

Non-breaking Space

HTML에서 일반적으로 사용되는 엔티티는 구분되지 않는 공간이다. %nbsp

끊기지 않는 공간은 새 줄이 끊어지지 않는 공간이다.

구분되지 않는 공백으로 구분된 두 단어는 서로 붙는다(새 줄로 구분되지 않음). 이것은 단어를 어기는 것이 방해가 될 수 있을 때 유용하다.

예:

§ 10
10km/h
오후 10시
비분할 공간의 또 다른 일반적인 용도는 브라우저가 HTML 페이지의 공간을 자르지 못하도록 하는 것이다.

텍스트에 10개의 공백을 쓰면 브라우저는 그 중 9개를 제거합니다. 텍스트에 실제 공백을 추가하려면 &nbsp; 문자 도면요소를 사용할 수 있다.

팁: 끊기지 않는 하이픈(&#8209;)은 새 줄로 끊기지 않는 하이픈 문자(-)를 정의하는 데 사용된다.

 

HTML 문자 엔티티

결과	설명	엔티티 이름	엔티티 번호
	non-breaking space	%nbsp;	&#160
<	less than	&lt;	&#60;
>	greater than	&gt;	&#62;
&	ampersand	&amp;	&#38;
"	double quotation mark	&quot;	&#34;
'	single quotation mark(apostrophe)	&apos;	&#39;
￠	cent	&cent;	&#162;
￡	pound	&pound;	&#163;
￥	yen	&yen;	&#165;
€	euro	&euro;	&#8364;
ⓒ	copyright	&copy;	&#169;
®	resgistered trademark	&reg;	&#174;

참고: 엔티티 이름은 대소문자를 구분한다.

 

구분기호 조합

분음 부호는 문자에 "글리프"가 추가된 것이다.

중대(̀)와 급성(́))과 같은 일부 분음 부호를 악센트라고 한다.

문자 위와 아래, 문자 내부 및 두 문자 사이에 구분 기호가 나타날 수 있다.

분음 부호는 영숫자 문자와 함께 사용하여 페이지에 사용된 문자 집합(인코딩)에 없는 문자를 생성할 수 있다.

다음은 몇 가지 예입니다:

마크	문자	구조	결과
`	a	à	à
'	a	á	á
^	a	â	â
~	a	ã	ã
`'	O	à	Ò
'	O	á	Ó
^	O	â	Ô
~	O	ã	Õ

 

이상으로 HTML 엔티티 관련해서 살펴보았습니다.

이번 글은 참고용으로만 사용하시면 될 것 같습니다.

모두 화이팅입니다!!!

 

출처 : 이 글의 출처는 w3schools사이트를 참고하였으며 필자가 추가하여 정리한 글입니다.