웹 (Web)/프런트엔드

주요 html 엔티티 정리

sobal 2026. 1. 6. 08:59

html 코드를 작성할 때, </h2>처럼 태그처럼 보이는 문자열을 “그대로 화면에 출력”하려면 <와 >를 HTML 엔티티로 이스케이프해야한다.

<p>&lt;/h2&gt;</p>

위 코드는 화면에 </h2>를 그대로 출력한다. (HTML 파서가 <...>를 태그로 해석하지 못하게 만드는 방식이다.)

HTML 엔티티(HTML entity)란?

정확히는 Character reference(문자 참조)로, HTML에서 예약 문자(<, >, & 등)를 안전하게 표현하거나, 보이지 않는 문자/입력하기 어려운 문자를 표현하기 위해 &...; 또는 &#...; 형태로 쓰는 표기다.

HTML의 문자 참조는 크게 3종류다.

  • Named: &lt; 처럼 이름 기반 (&name;)
  • Decimal numeric: &#60; 처럼 10진 유니코드 코드포인트
  • Hex numeric: &#x3C; 처럼 16진 유니코드 코드포인트

HTML 표준에는 이름 엔티티가 매우 많고(수천 개 수준), 일부는 레거시 호환을 위해 세미콜론 유무/대소문자 등 여러 이름이 같은 문자로 매핑되기도 한다.
(전체 목록은 WHATWG 표준의 표/JSON로도 제공된다.)

HTML 엔티티 치트시트 (3가지 버전)

아래는 한 번쯤은 실제로 쓰일 만한 범위를 넓게 잡아 정리한 것이다. (전체 목록은 표준 문서/JSON을 참고하면 된다.)

 

버전 A: 블로그/문서 작성용

코드를 그대로 보여주거나(예: <h2>), 타이포그래피(따옴표/대시/말줄임), 공백 제어, 저작권 표기를 할 때 자주 쓰는 엔티티 모음이다.

필수 이스케이프(태그/속성 안전)

출력 엔티티설명 용도

< &lt; < 출력(태그 시작으로 해석 방지)
> &gt; > 출력(태그 끝으로 해석 방지)
& &amp; & 출력(엔티티 시작 문자)
" &quot; 큰따옴표 " (속성값에서 자주 필요)
' &apos; 작은따옴표 ' (HTML5)
' &#39; 작은따옴표 ' (숫자 엔티티: HTML4/XHTML에서도 안전)

공백·줄바꿈·방향(보이지 않는 문자 포함)

출력 엔티티설명 용도

⟨space⟩ &nbsp; 줄바꿈 없이 붙는 공백(Non-breaking space)
⟨space⟩ &ensp; en space(대략 반각~1/2em)
⟨space⟩ &emsp; em space(대략 1em)
⟨space⟩ &thinsp; 얇은 공백(타이포그래피용)
⟨space⟩ &hairsp; 매우 얇은 공백
⟨SHY⟩ &shy; Soft hyphen(자동 줄바꿈 지점 힌트; 보통은 눈에 안 보임)
⟨ZERO_WIDTH_SPACE⟩ &ZeroWidthSpace; 0폭 공백(줄바꿈/단어분리 힌트)
⟨ZERO_WIDTH_NON-JOINER⟩ &zwnj; Zero Width Non-Joiner(아랍/인도계 문자 등에서 결합 방지)
⟨ZERO_WIDTH_JOINER⟩ &zwj; Zero Width Joiner(문자 결합/이모지 조합 등에 사용)
⟨LEFT-TO-RIGHT_MARK⟩ &lrm; 좌→우 방향 마크(LTR mark)
⟨RIGHT-TO-LEFT_MARK⟩ &rlm; 우→좌 방향 마크(RTL mark)

문장부호·인용·타이포그래피

출력 엔티티설명 용도

&ndash; en dash(범위: 1–10, 날짜: 2025–2026)
&mdash; em dash(문장 삽입—강조)
&horbar; 가로 막대(수평 bar)
&hellip; 말줄임표 …
· &middot; 가운뎃점 · (구분점)
&bull; 불릿 • (리스트)
&lsaquo; 단일 꺾쇠 ‹
&rsaquo; 단일 꺾쇠 ›
« &laquo; 겹 꺾쇠 «
» &raquo; 겹 꺾쇠 »
&lsquo; 왼쪽 작은따옴표 ‘
&rsquo; 오른쪽 작은따옴표 ’
&ldquo; 왼쪽 큰따옴표 “
&rdquo; 오른쪽 큰따옴표 ”
&sbquo; 아래 작은따옴표 ‚
&bdquo; 아래 큰따옴표 „
&dagger; 단검 기호 † (각주 표기)
&Dagger; 이중 단검 ‡ (각주 표기)
&permil; 퍼밀 ‰
&prime; 프라임 ′ (분/피트/미분 등)
&Prime; 이중 프라임 ″ (초/인치 등)

저작권·상표·법률 표기

출력 엔티티설명 용도

© &copy; 저작권 ©
® &reg; 등록상표 ®
&trade; 상표 ™
§ &sect; 섹션 §
&para; 문단 ¶

단위·통화·자주 쓰는 기호

출력 엔티티설명 용도

° &deg; 도(각도/온도) °
µ &micro; 마이크로 µ
± &plusmn; ±
× &times; ×
÷ &divide; ÷
¼ &frac14; ¼
½ &frac12; ½
¾ &frac34; ¾
¹ &sup1; ¹
² &sup2; ²
³ &sup3; ³
¢ &cent; 센트 ¢
£ &pound; 파운드 £
¥ &yen; 엔 ¥
&euro; 유로 €
¤ &curren; 일반 통화 기호 ¤

라틴 확장(악센트/합자) — 유럽권 문서

출력 엔티티설명 용도

À &Agrave; À (A grave)
Á &Aacute; Á (A acute)
 &Acirc;  (A circumflex)
à &Atilde; à (A tilde)
Ä &Auml; Ä (A umlaut)
Å &Aring; Å (A ring)
Æ &AElig; Æ (AE ligature)
Ç &Ccedil; Ç (C cedilla)
È &Egrave; È
É &Eacute; É
Ê &Ecirc; Ê
Ë &Euml; Ë
Ì &Igrave; Ì
Í &Iacute; Í
Î &Icirc; Î
Ï &Iuml; Ï
Ñ &Ntilde; Ñ
Ò &Ograve; Ò
Ó &Oacute; Ó
Ô &Ocirc; Ô
Õ &Otilde; Õ
Ö &Ouml; Ö
Ø &Oslash; Ø
Ù &Ugrave; Ù
Ú &Uacute; Ú
Û &Ucirc; Û
Ü &Uuml; Ü
Ý &Yacute; Ý
ß &szlig; ß (독일어 sharp s)
à &agrave; à
á &aacute; á
â &acirc; â
ã &atilde; ã
ä &auml; ä
å &aring; å
æ &aelig; æ
ç &ccedil; ç
è &egrave; è
é &eacute; é
ê &ecirc; ê
ë &euml; ë
ì &igrave; ì
í &iacute; í
î &icirc; î
ï &iuml; ï
ñ &ntilde; ñ
ò &ograve; ò
ó &oacute; ó
ô &ocirc; ô
õ &otilde; õ
ö &ouml; ö
ø &oslash; ø
ù &ugrave; ù
ú &uacute; ú
û &ucirc; û
ü &uuml; ü
ý &yacute; ý
ÿ &yuml; ÿ

버전 B: 수학/논문(학술) 작성용

논문/리포트에서 그리스 문자, 연산자, 관계(≤, ≠), 집합/논리, 화살표를 안전하게 입력하기 위한 엔티티 모음.

그리스 문자(대/소문자 + 자주 쓰는 변형)

출력 엔티티설명 용도

Α &Alpha; 그리스 대문자 Alpha
Β &Beta; 그리스 대문자 Beta
Γ &Gamma; 그리스 대문자 Gamma
Δ &Delta; 그리스 대문자 Delta
Ε &Epsilon; 그리스 대문자 Epsilon
Ζ &Zeta; 그리스 대문자 Zeta
Η &Eta; 그리스 대문자 Eta
Θ &Theta; 그리스 대문자 Theta
Ι &Iota; 그리스 대문자 Iota
Κ &Kappa; 그리스 대문자 Kappa
Λ &Lambda; 그리스 대문자 Lambda
Μ &Mu; 그리스 대문자 Mu
Ν &Nu; 그리스 대문자 Nu
Ξ &Xi; 그리스 대문자 Xi
Ο &Omicron; 그리스 대문자 Omicron
Π &Pi; 그리스 대문자 Pi
Ρ &Rho; 그리스 대문자 Rho
Σ &Sigma; 그리스 대문자 Sigma
Τ &Tau; 그리스 대문자 Tau
Υ &Upsilon; 그리스 대문자 Upsilon
Φ &Phi; 그리스 대문자 Phi
Χ &Chi; 그리스 대문자 Chi
Ψ &Psi; 그리스 대문자 Psi
Ω &Omega; 그리스 대문자 Omega
α &alpha; 그리스 소문자 alpha
β &beta; 그리스 소문자 beta
γ &gamma; 그리스 소문자 gamma
δ &delta; 그리스 소문자 delta
ε &epsilon; 그리스 소문자 epsilon
ζ &zeta; 그리스 소문자 zeta
η &eta; 그리스 소문자 eta
θ &theta; 그리스 소문자 theta
ι &iota; 그리스 소문자 iota
κ &kappa; 그리스 소문자 kappa
λ &lambda; 그리스 소문자 lambda
μ &mu; 그리스 소문자 mu
ν &nu; 그리스 소문자 nu
ξ &xi; 그리스 소문자 xi
ο &omicron; 그리스 소문자 omicron
π &pi; 그리스 소문자 pi
ρ &rho; 그리스 소문자 rho
σ &sigma; 그리스 소문자 sigma
τ &tau; 그리스 소문자 tau
υ &upsilon; 그리스 소문자 upsilon
φ &phi; 그리스 소문자 phi
χ &chi; 그리스 소문자 chi
ψ &psi; 그리스 소문자 psi
ω &omega; 그리스 소문자 omega
ϵ &varepsilon; ε 변형(ϵ)
ϑ &vartheta; θ 변형(ϑ)
ϖ &varpi; π 변형(ϖ)
ϱ &varrho; ρ 변형(ϱ)
ς &varsigma; σ 최종형(ς)
ϕ &varphi; φ 변형(ϕ)
ϰ &varkappa; κ 변형(ϰ)

기본 연산/해석(미적분·복소 포함)

출력 엔티티설명 용도

± &plusmn; ± (plus/minus)
&minus; − (진짜 마이너스; 하이픈-와 구분)
× &times; ×
÷ &divide; ÷
&lowast; ∗ (수학적 곱셈 별표)
&sdot; ⋅ (점곱/곱셈 점)
· &middot; · (가운뎃점)
&radic;
&sum;
&prod;
&infin;
&part; ∂ (편미분)
&nabla;
&int;
&iiint;
&oint; ∮ (폐적분)
&perp;
&parallel;
&ang;
° &deg; °
&iiiint; ⨌ (4중 적분)
&DifferentialD; ⅆ (미분 기호)
&hbar; ℏ (플랑크 상수/감쇠)
&ell; ℓ (스크립트 l)
&weierp; ℘ (Weierstrass p)
&alefsym; ℵ (알레프)
&Re; ℜ (실수부 기호)
&Im; ℑ (허수부 기호)

관계·포함·원소·집합

출력 엔티티설명 용도

< &lt; < (비교)
> &gt; > (비교)
&le;
&ge;
&ne;
&equiv;
&asymp; ≈ (근사/점근)
&approx; ≈ (근사)
&cong; ≅ (합동)
&sim; ∼ (유사/동치류)
&simeq;
&prop;
&propto;
&perp;
&parallel;
&sub;
&sup;
&sube;
&supe;
&subset; ⊂ (subset)
&supset; ⊃ (superset)
&subseteq;
&supseteq;
&nsube; ⊄ (not subset of or equal)
&nsupe; ⊅ (not superset of or equal)
&isin;
&notin;
&ni;
&empty;
&cap; ∩ (교집합)
&cup; ∪ (합집합)
&setminus; ∖ (차집합)
&bigcap;
&bigcup;
&infin; ∞ (무한)
&there4; ∴ (따라서)
&because; ∵ (왜냐하면)

논리/명제/모델

출력 엔티티설명 용도

&forall;
&exist;
&nexist;
&and;
&or;
¬ &not; ¬
&oplus;
&otimes;
&perp;
&top;
&vdash;
&models;

화살표(추론/사상/변환)

출력 엔티티설명 용도

&larr;
&rarr;
&uarr;
&darr;
&harr;
&lArr;
&rArr;
&uArr;
&dArr;
&hArr;
&crarr; ↵ (줄바꿈/return)
&rarrw; ↝ (물결 화살표)
&mapsto; ↦ (사상)
&iff; ⇔ (if and only if)
&rightarrow;
&leftarrow;
&Rightarrow;
&Leftarrow;
&Leftrightarrow;

괄호·구분자

출력 엔티티설명 용도

&lceil;
&rceil;
&lfloor;
&rfloor;
&lang;
&rang;
&langle;
&rangle;
{ &lbrace; {
} &rbrace; }
[ &lbrack; [
] &rbrack; ]
( &lpar; (
) &rpar; )
| &vert; |
&Vert;

버전 C: UI/테이블/다이어그램 작성용

UI(버튼/배지/상태표시), 표/리스트, 간단한 다이어그램에서 체크·화살표·도형·박스 드로잉을 쓰기 좋은 엔티티 모음.

상태/평점/아이콘

출력 엔티티설명 용도

&check; 체크 표시(완료/성공)
&cross; 엑스 표시(실패/취소)
&star; 별(즐겨찾기/평점-빈)
&bigstar; 별(즐겨찾기/평점-채움)
&hearts; 하트
&spades; 스페이드
&clubs; 클로버
&diams; 다이아몬드
&phone; 전화기
&malt; 몰타 십자(아이콘)

리스트/탐색 표기

출력엔티티설명/용도

&bull; 불릿 •
· &middot; 가운뎃점 ·
&hellip; 말줄임 …
» &raquo; 이동/다음 »
« &laquo; 이전 «
&rsaquo; 다음 ›
&lsaquo; 이전 ‹

화살표/내비게이션

출력 엔티티설명 용도

&larr;
&rarr;
&uarr;
&darr;
&harr;
&crarr;
&UpArrow; ↑ (명시적)
&DownArrow; ↓ (명시적)
&LeftArrow; ← (명시적)
&RightArrow; → (명시적)
&DoubleLeftArrow;
&DoubleRightArrow;
&DoubleLeftRightArrow;

도형(배지/버튼/다이어그램)

출력 엔티티설명 용도

&square;
&blacksquare;
&EmptySmallSquare;
&FilledSmallSquare;
&bigcirc;
&cir;
&loz;
&blacklozenge;
&triangle;
&utrif; ▴ (채운 삼각형 위)
&dtrif; ▾ (채운 삼각형 아래)
&ltrif; ◂ (채운 삼각형 왼쪽)
&rtrif; ▸ (채운 삼각형 오른쪽)

박스 드로잉(ASCII UI/표/다이어그램)

출력 엔티티설명 용도

&boxh; ─ 가로선
&boxv; │ 세로선
&boxdl; ┐ 우상단 모서리
&boxdr; ┌ 좌상단 모서리
&boxul; ┘ 우하단 모서리
&boxur; └ 좌하단 모서리
&boxvh; ┼ 교차
&boxhd; ┬ T자(아래로)
&boxhu; ┴ T자(위로)
&boxvr; ├ T자(오른쪽으로)
&boxvl; ┤ T자(왼쪽으로)

통화·비율·표기

출력 엔티티설명 용도

$ &dollar; 달러 $
¢ &cent; 센트 ¢
£ &pound; 파운드 £
¥ &yen; 엔 ¥
&euro; 유로 €
% &percnt; 퍼센트 %
&permil; 퍼밀 ‰
&#8361; 원 ₩ (숫자 엔티티: U+20A9)

 

  • 세미콜론(;)까지 붙이는 습관이 가장 안전하다. HTML은 레거시 호환 때문에 일부 이름이 세미콜론 없이도 동작하도록 남아있지만(동일 문자에 여러 이름 존재), 파싱 애매함을 피하려면 &name; 형태로 고정하는 편이 좋다.
  • 이름 엔티티를 못 찾겠으면 숫자 엔티티로 확정 입력할 수 있다: &#NNNN; 또는 &#xHHHH;
반응형