HTML에는 미리 예약된 몇몇 문자가 있으며, 이러한 문자를 HTML 예약어(reserved characters)라고 부릅니다.
이러한 HTML 예약어를 HTML 코드에서 사용하면, 웹 브라우저는 그것을 평소와는 다른 의미로 해석합니다.
따라서 HTML 예약어를 기존에 사용하던 의미 그대로 사용하기 위해 별도로 만든 문자셋을 엔티티(entity)라고 합니다.
엔티티의 형태는 다음과 같습니다.
|
&엔티티이름;
or
&#엔티티숫자;
|
다음 예제는 HTML 코드 내에서 꺾쇠괄호(<>)를 사용하면 웹 브라우저가 그것을 어떻게 해석하는지 보여줍니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>HTML Entities</title>
</head>
<body>
<h1>HTML 엔티티</h1>
<p><p>태그는 단락을 나타내는 태그입니다.</p>
<p><p>태그는 단락을 나타내는 태그입니다.</p>
</body>
</html>
위의 예제처럼 HTML 코드에서 사용된 꺾쇠괄호(<>)는 HTML 태그의 시작과 끝의 의미로 해석됩니다.
그래서 미리 예약문자를 만들어 HTML안에 특수문자를 삽입 할 수 있도록 약속한 언어가 엔티티 입니다.
tip. 엔티티(entity)의 이름은 대소문자를 구분합니다.
HTML에서 제공하는 대표적인 엔티티(entity)는 다음과 같습니다.
|
엔티티 문자
|
엔티티 이름
|
16진수 엔티티 숫자
|
설명
|
|
|
|
 
|
줄 바꿈 없는 공백
|
|
<
|
<
|
<
|
보다 작은
|
|
>
|
>
|
>
|
보다 큰
|
|
&
|
&
|
&
|
AND 기호
|
|
"
|
"
|
"
|
큰따옴표
|
|
'
|
'
|
'
|
작은따옴표
|
|
♥
|
♥
|
|
하트
|
HTML에서 사용할 수 있는 모든 엔티티에 대한 더 자세한 정보를 원한다면, W3C 공식 사이트를 방문하여 확인할 수 있습니다.
Character entity references in HTML => 사이트바로가기
발음 구별 부호(diacritical marks)
발음을 나타내는 부호를 악센트(accent)라고 합니다.
이러한 악센트는 단독으로는 사용하지 않으며, 보통 다른 문자와 함께 사용됩니다.
이것을 정확하게 표현하기 위하여 HTML에서는 다음과 같은 발음 구별 부호를 별도로 제공하고 있습니다.
HTML에서 제공하는 대표적인 발음 구별 부호(diacritical marks)는 다음과 같습니다.
|
구별 부호
|
문자
|
16진수 엔티티
|
결과
|
|
̀
|
a
|
à
|
à
|
|
́
|
a
|
á
|
á
|
|
̂
|
a
|
â
|
â
|
|
̃
|
a
|
ã
|
ã
|
|
̀
|
O
|
Ò
|
Ò
|
|
́
|
O
|
Ó
|
Ó
|
|
̂
|
O
|
Ô
|
Ô
|
|
̃
|
O
|
Õ
|
Õ
|
예제
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>HTML Entities</title>
</head>
<body>
<h1>발음 구별 기호</h1>
<p>j에 악센트가 있다는 발음 기호는 [j́]입니다.</p>
</body>
</html>
심볼(Symbol) 특수문자
HTML 예약어 이외에도 키보드에 입력할 수 없는 문자를 표현하기 위한 심볼 특수문자를 사용할 수 있습니다.
이러한 심볼 특수문자에는 수학 용어, 그리스 문자, 국제 통화 등이 있습니다.
HTML에서 제공하는 대표적인 심볼(Symbol) 특수문자는 다음과 같습니다.
|
특수문자
|
엔티티 이름
|
16진수 엔티티
|
설명
|
|
¢
|
¢
|
¢
|
센트
|
|
£
|
£
|
£
|
파운드화
|
|
¥
|
¥
|
¥
|
엔화
|
|
€
|
€
|
€
|
유로화
|
|
©
|
©
|
©
|
저작권
|
|
®
|
®
|
®
|
등록상표
|
|
×
|
×
|
×
|
곱셈
|
|
÷
|
÷
|
÷
|
나눗셈
|
사실 왠만하게 자주 사용하는 특수문자는
코딩할때 타자로 입력해도 자동으로 (컴퓨터에서 엔티티로 자동으로 변경하여)삽입됩니다.
(공백은 예외)
그러나 수정할때
엔티티로 자동변경된 문자들을 이해하지 못하고 지우는 일이 없길바라며 !
이렇게 생겼구나라고 약속된 엔티티들을 이해하고 넘어가면 될 것 같습니다. ^^
'share > html' 카테고리의 다른 글
| [HTML] web에서 색 표현하기 (0) | 2022.01.29 |
|---|---|
| [HTML] 스타일 적용하기 <style> - 태그 스타일 꾸미기 (0) | 2022.01.28 |
| [HTML] 주석 처리 <!-- --> (comment) (0) | 2022.01.24 |
| [HTML] 인용구 (Quotation) - <q><blockquote><abbr><address> (0) | 2022.01.23 |
| [HTML] 서식(Formatting) - <b><strong><i><em>등등 (0) | 2022.01.22 |
