HTML 입문 | HTML 텍스트 요소 | 엔티티 (Entity)


HTML에는 미리 예약된 몇몇 문자가 있으며, 이러한 문자를 HTML 예약된 문자(reserved characters)라고 부른다.
이러한 HTML 예약된 문자를 HTML 코드에서 사용하면, 웹 브라우저는 그것을 평소와는 다른 의미로 해석한다.
따라서 HTML 예약된 문자를 기존에 사용하던 의미 그대로 사용하기 위해 별도로 만든 문자셋을 엔티티(entity)라고 한다.

엔티티의 형태는 다음과 같다.

문법

&엔티티이름;
또는
&#엔티티숫자;

다음 예제는 HTML 코드 내에서 꺾쇠괄호(<>)를 사용하면 웹 브라우저가 그것을 어떻게 해석하는지 보여준다.

예제

<p>&lt;h2&gt;태그는 두 번째로 큰 제목을 나타내는 태그입니다.</p>
<p>&lt;p&gt;태그는 단락을 나타내는 태그입니다.</p>

코드 실행

위의 예제처럼 HTML 코드에서 사용된 꺾쇠괄호(<>)는 HTML 태그의 시작과 끝의 의미로 해석된다.

엔티티(entity)의 이름은 대소문자를 구분한다.

HTML에서 제공하는 대표적인 엔티티(entity)는 다음과 같다.

엔티티 문자 엔티티 이름 16진수 엔티티 숫자 설명
&nbsp; &#160; 줄 바꿈 없는 공백
< &lt; &#60; 보다 작은
> &gt; &#62; 보다 큰
& &amp; &#38; AND 기호
" &quot; &#34; 큰따옴표
' &apos; &#39; 작은따옴표

HTML에서 사용할 수 있는 모든 엔티티에 대한 더 자세한 정보를 원한다면, W3C 공식 사이트를 방문하여 확인할 수 있다.

Character entity references in HTML

발음 구별 부호(diacritical marks)

발음을 나타내는 부호를 악센트(accent)라고 한다. 이러한 악센트는 단독으로는 사용하지 않으며, 보통 다른 문자와 함께 사용된다. 이것을 정확하게 표현하기 위하여 HTML에서는 다음과 같은 발음 구별 부호를 별도로 제공하고 있다.

HTML에서 제공하는 대표적인 발음 구별 부호(diacritical marks)는 다음과 같다.

발음 구별 부호 문자 16진수 엔티티 결과
̀ a a&#768;
 ́ a a&#769;
̂ a a&#770;
 ̃ a a&#771;
 ̀ O O&#768;
 ́ O O&#769;
̂ O O&#770;
 ̃ O O&#771;

예제

<p>j에 악센트가 있다는 발음 기호는 [j&#769;]입니다.</p>

코드 실행

심볼(Symbol) 특수문자

HTML 예약어 이외에도 키보드에 입력할 수 없는 문자를 표현하기 위한 심볼 특수문자를 사용할 수 있다. 이러한 심볼 특수문자에는 수학 용어, 그리스 문자, 국제 통화 등이 있다.

HTML에서 제공하는 대표적인 심볼(Symbol) 특수문자는 다음과 같다.

심볼 특수문자 엔티티 이름 16진수 엔티티 설명
¢ &cent; &#162; 센트
£ &pound; &#163; 파운드화
¥ &yen; &#165; 엔화
&euro; &#8364; 유로화
© &copy; &#169; 저작권
® &reg; &#174; 등록상표
× &times; &#215; 곱셈
÷ &divide; &#247; 나눗셈