태그 보관물: 앤티티

HTML 엔티티(Entity) 문자 의미와 기본코드

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

HTML 엔티티(Entity)

일부 문자는 html로 예약되어 있다. 일반적으로 텍스트보다 작음(<) 또는 보다 큼(>) 기호를 사용하면 웹브라우저에서 태그와 혼합해서 사용할 수 있다. 문자 엔티티는 html에 예약 된 문자를 표시하는데 사용된다. 문자 엔티티의 형태는 아래와 같다.

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

예제

<!DOCTYPE html>
<html lang="ko">

<head>
	<meta charset="UTF-8">
	<title>HTML Entities</title>
</head>
<body>

	<h1>HTML 엔티티</h1>
	<p><p>태그는 단락을 나타내는데 사용된다.</p>
	<p>& lt;p& gt;엔티티를 사용해서 표현해보기</p>

</body>
</html>

텍스트보다 작음(<)을 표시하기 위해서 사용되는 엔티티는 & lt; 또는 & # 60; 을 사용해야 된다.

※엔티티 이름 사용시 장점 : 엔티티 이름을 쉽게 기억할 수 있다.
※엔티티 이름 사용시 단점 : 웹브라우저는 모든 엔티티 이름을 지원하지 않는다. 다만, 숫자에 대한 지원은 가능하다.

HTML 비 분리 공간(Non-breaking Space)

html 사용되는 일반적인 문자 엔티티중 & nbsp; 엔티티의 경우 비 분리 공간이라고 해서 키보드에 있는 스페이스 같은 역할을 하는 엔티티이다. 일반적으로 웹브라우저에서는 사용자가 입력한 스페이스(띄어쓰기)가 10번이라도 1번밖에는 인식할 수 없다. 만약 사용자가 10번의 스페이스를 입력하고 싶다면 & nbsp; 엔티티를 10번 입력하면 된다.

예제

<!DOCTYPE html>
<html lang="ko">

<head>
	<meta charset="UTF-8">
	<title>HTML & nbsp; 엔티티</title>
</head>
<body>

	<h1>HTML & nbsp; 엔티티</h1>
	<p>§& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;10</p>
	<p>10& nbsp;& nbsp;km& nbsp;/& nbsp;h</p>

</body>
</html>

※중단없는 하이픈 ( & # 8209; )을 사용하면 중단되지 않는 하이픈 문자 (-)를 사용할 수 있다.
※엔티티(entity)의 이름은 대소문자를 구분한다.

심볼(Symbol) 특수문자

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

HTML에서 기본적으로 많이 사용되는 대표적인 문자 엔티티(entity)는 다음표를 참조한다.

엔티티 문자내용엔티티 이름엔티티 숫자
줄 바꿈 없는 공백&nbsp;&#160;
<보다 작은&lt;&#60;
>보다 큰&gt;&#62;
&AND 기호&amp;&#38;
큰 따옴표&quot;&#34;
작은 따옴표&apos;&#39;
¢센트&cent;&#162;
£파운드화&pound;&#163;
¥엔화&yen;&#165;
유료화&euro;&#8364;
©저작권&copy;&#169;
®등록 상표&reg;&#174;

HTML에서 사용할 수 있는 모든 엔티티에 대한 더 자세한 정보를 원한다면, W3C 공식 사이트를 방문하여 확인할 수 있다.
발음 구별 부호(diacritical marks)

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

예제

<!DOCTYPE html>
<html lang="ko">

<head>
	<meta charset="UTF-8">
	<title>HTML Entities</title>
</head>
<body>

	<h1>발음 구별 기호</h1>
	<p>j에 악센트가 있다는 발음 기호는 [j& #769;]로 나타낸다</p>

</body>
</html>

HTML 발음 구별 구호로 사용되는 엔티티 모음

발음 구별 부호문자16진수 엔티티결과
 ̀aa&#768;à
 ́aa&#769;á
̂aa&#770;â
 ̃aa&#771;ã
 ̀OO&#768;Ò
 ́OO&#769;Ó
̂OO&#770;Ô
 ̃OO&#771;Õ