
html 코드를 작성할 때, </h2>처럼 태그처럼 보이는 문자열을 “그대로 화면에 출력”하려면 <와 >를 HTML 엔티티로 이스케이프해야한다.
<p></h2></p>
위 코드는 화면에 </h2>를 그대로 출력한다. (HTML 파서가 <...>를 태그로 해석하지 못하게 만드는 방식이다.)
HTML 엔티티(HTML entity)란?
정확히는 Character reference(문자 참조)로, HTML에서 예약 문자(<, >, & 등)를 안전하게 표현하거나, 보이지 않는 문자/입력하기 어려운 문자를 표현하기 위해 &...; 또는 &#...; 형태로 쓰는 표기다.
HTML의 문자 참조는 크게 3종류다.
- Named: < 처럼 이름 기반 (&name;)
- Decimal numeric: < 처럼 10진 유니코드 코드포인트
- Hex numeric: < 처럼 16진 유니코드 코드포인트
HTML 표준에는 이름 엔티티가 매우 많고(수천 개 수준), 일부는 레거시 호환을 위해 세미콜론 유무/대소문자 등 여러 이름이 같은 문자로 매핑되기도 한다.
(전체 목록은 WHATWG 표준의 표/JSON로도 제공된다.)
HTML 엔티티 치트시트 (3가지 버전)
아래는 한 번쯤은 실제로 쓰일 만한 범위를 넓게 잡아 정리한 것이다. (전체 목록은 표준 문서/JSON을 참고하면 된다.)
버전 A: 블로그/문서 작성용
코드를 그대로 보여주거나(예: <h2>), 타이포그래피(따옴표/대시/말줄임), 공백 제어, 저작권 표기를 할 때 자주 쓰는 엔티티 모음이다.
필수 이스케이프(태그/속성 안전)
출력 엔티티설명 용도
| < | < | < 출력(태그 시작으로 해석 방지) |
| > | > | > 출력(태그 끝으로 해석 방지) |
| & | & | & 출력(엔티티 시작 문자) |
| " | " | 큰따옴표 " (속성값에서 자주 필요) |
| ' | ' | 작은따옴표 ' (HTML5) |
| ' | ' | 작은따옴표 ' (숫자 엔티티: HTML4/XHTML에서도 안전) |
공백·줄바꿈·방향(보이지 않는 문자 포함)
출력 엔티티설명 용도
| ⟨space⟩ | | 줄바꿈 없이 붙는 공백(Non-breaking space) |
| ⟨space⟩ |   | en space(대략 반각~1/2em) |
| ⟨space⟩ |   | em space(대략 1em) |
| ⟨space⟩ |   | 얇은 공백(타이포그래피용) |
| ⟨space⟩ |   | 매우 얇은 공백 |
| ⟨SHY⟩ | ­ | Soft hyphen(자동 줄바꿈 지점 힌트; 보통은 눈에 안 보임) |
| ⟨ZERO_WIDTH_SPACE⟩ | ​ | 0폭 공백(줄바꿈/단어분리 힌트) |
| ⟨ZERO_WIDTH_NON-JOINER⟩ | ‌ | Zero Width Non-Joiner(아랍/인도계 문자 등에서 결합 방지) |
| ⟨ZERO_WIDTH_JOINER⟩ | ‍ | Zero Width Joiner(문자 결합/이모지 조합 등에 사용) |
| ⟨LEFT-TO-RIGHT_MARK⟩ | ‎ | 좌→우 방향 마크(LTR mark) |
| ⟨RIGHT-TO-LEFT_MARK⟩ | ‏ | 우→좌 방향 마크(RTL mark) |
문장부호·인용·타이포그래피
출력 엔티티설명 용도
| – | – | en dash(범위: 1–10, 날짜: 2025–2026) |
| — | — | em dash(문장 삽입—강조) |
| ― | ― | 가로 막대(수평 bar) |
| … | … | 말줄임표 … |
| · | · | 가운뎃점 · (구분점) |
| • | • | 불릿 • (리스트) |
| ‹ | ‹ | 단일 꺾쇠 ‹ |
| › | › | 단일 꺾쇠 › |
| « | « | 겹 꺾쇠 « |
| » | » | 겹 꺾쇠 » |
| ‘ | ‘ | 왼쪽 작은따옴표 ‘ |
| ’ | ’ | 오른쪽 작은따옴표 ’ |
| “ | “ | 왼쪽 큰따옴표 “ |
| ” | ” | 오른쪽 큰따옴표 ” |
| ‚ | ‚ | 아래 작은따옴표 ‚ |
| „ | „ | 아래 큰따옴표 „ |
| † | † | 단검 기호 † (각주 표기) |
| ‡ | ‡ | 이중 단검 ‡ (각주 표기) |
| ‰ | ‰ | 퍼밀 ‰ |
| ′ | ′ | 프라임 ′ (분/피트/미분 등) |
| ″ | ″ | 이중 프라임 ″ (초/인치 등) |
저작권·상표·법률 표기
출력 엔티티설명 용도
| © | © | 저작권 © |
| ® | ® | 등록상표 ® |
| ™ | ™ | 상표 ™ |
| § | § | 섹션 § |
| ¶ | ¶ | 문단 ¶ |
단위·통화·자주 쓰는 기호
출력 엔티티설명 용도
| ° | ° | 도(각도/온도) ° |
| µ | µ | 마이크로 µ |
| ± | ± | ± |
| × | × | × |
| ÷ | ÷ | ÷ |
| ¼ | ¼ | ¼ |
| ½ | ½ | ½ |
| ¾ | ¾ | ¾ |
| ¹ | ¹ | ¹ |
| ² | ² | ² |
| ³ | ³ | ³ |
| ¢ | ¢ | 센트 ¢ |
| £ | £ | 파운드 £ |
| ¥ | ¥ | 엔 ¥ |
| € | € | 유로 € |
| ¤ | ¤ | 일반 통화 기호 ¤ |
라틴 확장(악센트/합자) — 유럽권 문서
출력 엔티티설명 용도
| À | À | À (A grave) |
| Á | Á | Á (A acute) |
| Â | Â | Â (A circumflex) |
| Ã | Ã | Ã (A tilde) |
| Ä | Ä | Ä (A umlaut) |
| Å | Å | Å (A ring) |
| Æ | Æ | Æ (AE ligature) |
| Ç | Ç | Ç (C cedilla) |
| È | È | È |
| É | É | É |
| Ê | Ê | Ê |
| Ë | Ë | Ë |
| Ì | Ì | Ì |
| Í | Í | Í |
| Î | Î | Î |
| Ï | Ï | Ï |
| Ñ | Ñ | Ñ |
| Ò | Ò | Ò |
| Ó | Ó | Ó |
| Ô | Ô | Ô |
| Õ | Õ | Õ |
| Ö | Ö | Ö |
| Ø | Ø | Ø |
| Ù | Ù | Ù |
| Ú | Ú | Ú |
| Û | Û | Û |
| Ü | Ü | Ü |
| Ý | Ý | Ý |
| ß | ß | ß (독일어 sharp s) |
| à | à | à |
| á | á | á |
| â | â | â |
| ã | ã | ã |
| ä | ä | ä |
| å | å | å |
| æ | æ | æ |
| ç | ç | ç |
| è | è | è |
| é | é | é |
| ê | ê | ê |
| ë | ë | ë |
| ì | ì | ì |
| í | í | í |
| î | î | î |
| ï | ï | ï |
| ñ | ñ | ñ |
| ò | ò | ò |
| ó | ó | ó |
| ô | ô | ô |
| õ | õ | õ |
| ö | ö | ö |
| ø | ø | ø |
| ù | ù | ù |
| ú | ú | ú |
| û | û | û |
| ü | ü | ü |
| ý | ý | ý |
| ÿ | ÿ | ÿ |
버전 B: 수학/논문(학술) 작성용
논문/리포트에서 그리스 문자, 연산자, 관계(≤, ≠), 집합/논리, 화살표를 안전하게 입력하기 위한 엔티티 모음.
그리스 문자(대/소문자 + 자주 쓰는 변형)
출력 엔티티설명 용도
| Α | Α | 그리스 대문자 Alpha |
| Β | Β | 그리스 대문자 Beta |
| Γ | Γ | 그리스 대문자 Gamma |
| Δ | Δ | 그리스 대문자 Delta |
| Ε | Ε | 그리스 대문자 Epsilon |
| Ζ | Ζ | 그리스 대문자 Zeta |
| Η | Η | 그리스 대문자 Eta |
| Θ | Θ | 그리스 대문자 Theta |
| Ι | Ι | 그리스 대문자 Iota |
| Κ | Κ | 그리스 대문자 Kappa |
| Λ | Λ | 그리스 대문자 Lambda |
| Μ | Μ | 그리스 대문자 Mu |
| Ν | Ν | 그리스 대문자 Nu |
| Ξ | Ξ | 그리스 대문자 Xi |
| Ο | Ο | 그리스 대문자 Omicron |
| Π | Π | 그리스 대문자 Pi |
| Ρ | Ρ | 그리스 대문자 Rho |
| Σ | Σ | 그리스 대문자 Sigma |
| Τ | Τ | 그리스 대문자 Tau |
| Υ | Υ | 그리스 대문자 Upsilon |
| Φ | Φ | 그리스 대문자 Phi |
| Χ | Χ | 그리스 대문자 Chi |
| Ψ | Ψ | 그리스 대문자 Psi |
| Ω | Ω | 그리스 대문자 Omega |
| α | α | 그리스 소문자 alpha |
| β | β | 그리스 소문자 beta |
| γ | γ | 그리스 소문자 gamma |
| δ | δ | 그리스 소문자 delta |
| ε | ε | 그리스 소문자 epsilon |
| ζ | ζ | 그리스 소문자 zeta |
| η | η | 그리스 소문자 eta |
| θ | θ | 그리스 소문자 theta |
| ι | ι | 그리스 소문자 iota |
| κ | κ | 그리스 소문자 kappa |
| λ | λ | 그리스 소문자 lambda |
| μ | μ | 그리스 소문자 mu |
| ν | ν | 그리스 소문자 nu |
| ξ | ξ | 그리스 소문자 xi |
| ο | ο | 그리스 소문자 omicron |
| π | π | 그리스 소문자 pi |
| ρ | ρ | 그리스 소문자 rho |
| σ | σ | 그리스 소문자 sigma |
| τ | τ | 그리스 소문자 tau |
| υ | υ | 그리스 소문자 upsilon |
| φ | φ | 그리스 소문자 phi |
| χ | χ | 그리스 소문자 chi |
| ψ | ψ | 그리스 소문자 psi |
| ω | ω | 그리스 소문자 omega |
| ϵ | ϵ | ε 변형(ϵ) |
| ϑ | ϑ | θ 변형(ϑ) |
| ϖ | ϖ | π 변형(ϖ) |
| ϱ | ϱ | ρ 변형(ϱ) |
| ς | ς | σ 최종형(ς) |
| ϕ | ϕ | φ 변형(ϕ) |
| ϰ | ϰ | κ 변형(ϰ) |
기본 연산/해석(미적분·복소 포함)
출력 엔티티설명 용도
| ± | ± | ± (plus/minus) |
| − | − | − (진짜 마이너스; 하이픈-와 구분) |
| × | × | × |
| ÷ | ÷ | ÷ |
| ∗ | ∗ | ∗ (수학적 곱셈 별표) |
| ⋅ | ⋅ | ⋅ (점곱/곱셈 점) |
| · | · | · (가운뎃점) |
| √ | √ | √ |
| ∑ | ∑ | ∑ |
| ∏ | ∏ | ∏ |
| ∞ | ∞ | ∞ |
| ∂ | ∂ | ∂ (편미분) |
| ∇ | ∇ | ∇ |
| ∫ | ∫ | ∫ |
| ∭ | ∭ | ∭ |
| ∮ | ∮ | ∮ (폐적분) |
| ⊥ | ⊥ | ⊥ |
| ∥ | ∥ | ∥ |
| ∠ | ∠ | ∠ |
| ° | ° | ° |
| ⨌ | ⨌ | ⨌ (4중 적분) |
| ⅆ | ⅆ | ⅆ (미분 기호) |
| ℏ | ℏ | ℏ (플랑크 상수/감쇠) |
| ℓ | ℓ | ℓ (스크립트 l) |
| ℘ | ℘ | ℘ (Weierstrass p) |
| ℵ | ℵ | ℵ (알레프) |
| ℜ | ℜ | ℜ (실수부 기호) |
| ℑ | ℑ | ℑ (허수부 기호) |
관계·포함·원소·집합
출력 엔티티설명 용도
| < | < | < (비교) |
| > | > | > (비교) |
| ≤ | ≤ | ≤ |
| ≥ | ≥ | ≥ |
| ≠ | ≠ | ≠ |
| ≡ | ≡ | ≡ |
| ≈ | ≈ | ≈ (근사/점근) |
| ≈ | ≈ | ≈ (근사) |
| ≅ | ≅ | ≅ (합동) |
| ∼ | ∼ | ∼ (유사/동치류) |
| ≃ | ≃ | ≃ |
| ∝ | ∝ | ∝ |
| ∝ | ∝ | ∝ |
| ⊥ | ⊥ | ⊥ |
| ∥ | ∥ | ∥ |
| ⊂ | ⊂ | ⊂ |
| ⊃ | ⊃ | ⊃ |
| ⊆ | ⊆ | ⊆ |
| ⊇ | ⊇ | ⊇ |
| ⊂ | ⊂ | ⊂ (subset) |
| ⊃ | ⊃ | ⊃ (superset) |
| ⊆ | ⊆ | ⊆ |
| ⊇ | ⊇ | ⊇ |
| ⊄ | ⊈ | ⊄ (not subset of or equal) |
| ⊅ | ⊉ | ⊅ (not superset of or equal) |
| ∈ | ∈ | ∈ |
| ∉ | ∉ | ∉ |
| ∋ | ∋ | ∋ |
| ∅ | ∅ | ∅ |
| ∩ | ∩ | ∩ (교집합) |
| ∪ | ∪ | ∪ (합집합) |
| ∖ | ∖ | ∖ (차집합) |
| ⋂ | ⋂ | ⋂ |
| ⋃ | ⋃ | ⋃ |
| ∞ | ∞ | ∞ (무한) |
| ∴ | ∴ | ∴ (따라서) |
| ∵ | ∵ | ∵ (왜냐하면) |
논리/명제/모델
출력 엔티티설명 용도
| ∀ | ∀ | ∀ |
| ∃ | ∃ | ∃ |
| ∄ | ∄ | ∄ |
| ∧ | ∧ | ∧ |
| ∨ | ∨ | ∨ |
| ¬ | ¬ | ¬ |
| ⊕ | ⊕ | ⊕ |
| ⊗ | ⊗ | ⊗ |
| ⊥ | ⊥ | ⊥ |
| ⊤ | ⊤ | ⊤ |
| ⊢ | ⊢ | ⊢ |
| ⊨ | ⊧ | ⊨ |
화살표(추론/사상/변환)
출력 엔티티설명 용도
| ← | ← | ← |
| → | → | → |
| ↑ | ↑ | ↑ |
| ↓ | ↓ | ↓ |
| ↔ | ↔ | ↔ |
| ⇐ | ⇐ | ⇐ |
| ⇒ | ⇒ | ⇒ |
| ⇑ | ⇑ | ⇑ |
| ⇓ | ⇓ | ⇓ |
| ⇔ | ⇔ | ⇔ |
| ↵ | ↵ | ↵ (줄바꿈/return) |
| ↝ | ↝ | ↝ (물결 화살표) |
| ↦ | ↦ | ↦ (사상) |
| ⇔ | ⇔ | ⇔ (if and only if) |
| → | → | → |
| ← | ← | ← |
| ⇒ | ⇒ | ⇒ |
| ⇐ | ⇐ | ⇐ |
| ⇔ | ⇔ | ⇔ |
괄호·구분자
출력 엔티티설명 용도
| ⌈ | ⌈ | ⌈ |
| ⌉ | ⌉ | ⌉ |
| ⌊ | ⌊ | ⌊ |
| ⌋ | ⌋ | ⌋ |
| ⟨ | ⟨ | ⟨ |
| ⟩ | ⟩ | ⟩ |
| ⟨ | ⟨ | ⟨ |
| ⟩ | ⟩ | ⟩ |
| { | { | { |
| } | } | } |
| [ | [ | [ |
| ] | ] | ] |
| ( | ( | ( |
| ) | ) | ) |
| | | | | | |
| ‖ | ‖ | ‖ |
버전 C: UI/테이블/다이어그램 작성용
UI(버튼/배지/상태표시), 표/리스트, 간단한 다이어그램에서 체크·화살표·도형·박스 드로잉을 쓰기 좋은 엔티티 모음.
상태/평점/아이콘
출력 엔티티설명 용도
| ✓ | ✓ | 체크 표시(완료/성공) |
| ✗ | ✗ | 엑스 표시(실패/취소) |
| ☆ | ☆ | 별(즐겨찾기/평점-빈) |
| ★ | ★ | 별(즐겨찾기/평점-채움) |
| ♥ | ♥ | 하트 |
| ♠ | ♠ | 스페이드 |
| ♣ | ♣ | 클로버 |
| ♦ | ♦ | 다이아몬드 |
| ☎ | ☎ | 전화기 |
| ✠ | ✠ | 몰타 십자(아이콘) |
리스트/탐색 표기
출력엔티티설명/용도
| • | • | 불릿 • |
| · | · | 가운뎃점 · |
| … | … | 말줄임 … |
| » | » | 이동/다음 » |
| « | « | 이전 « |
| › | › | 다음 › |
| ‹ | ‹ | 이전 ‹ |
화살표/내비게이션
출력 엔티티설명 용도
| ← | ← | ← |
| → | → | → |
| ↑ | ↑ | ↑ |
| ↓ | ↓ | ↓ |
| ↔ | ↔ | ↔ |
| ↵ | ↵ | ↵ |
| ↑ | ↑ | ↑ (명시적) |
| ↓ | ↓ | ↓ (명시적) |
| ← | ← | ← (명시적) |
| → | → | → (명시적) |
| ⇐ | ⇐ | ⇐ |
| ⇒ | ⇒ | ⇒ |
| ⇔ | ⇔ | ⇔ |
도형(배지/버튼/다이어그램)
출력 엔티티설명 용도
| □ | □ | □ |
| ▪ | ▪ | ▪ |
| ◻ | ◻ | ◻ |
| ◼ | ◼ | ◼ |
| ◯ | ◯ | ◯ |
| ○ | ○ | ○ |
| ◊ | ◊ | ◊ |
| ⧫ | ⧫ | ⧫ |
| △ | ▵ | △ |
| ▴ | ▴ | ▴ (채운 삼각형 위) |
| ▾ | ▾ | ▾ (채운 삼각형 아래) |
| ◂ | ◂ | ◂ (채운 삼각형 왼쪽) |
| ▸ | ▸ | ▸ (채운 삼각형 오른쪽) |
박스 드로잉(ASCII UI/표/다이어그램)
출력 엔티티설명 용도
| ─ | ─ | ─ 가로선 |
| │ | │ | │ 세로선 |
| ┐ | ┐ | ┐ 우상단 모서리 |
| ┌ | ┌ | ┌ 좌상단 모서리 |
| ┘ | ┘ | ┘ 우하단 모서리 |
| └ | └ | └ 좌하단 모서리 |
| ┼ | ┼ | ┼ 교차 |
| ┬ | ┬ | ┬ T자(아래로) |
| ┴ | ┴ | ┴ T자(위로) |
| ├ | ├ | ├ T자(오른쪽으로) |
| ┤ | ┤ | ┤ T자(왼쪽으로) |
통화·비율·표기
출력 엔티티설명 용도
| $ | $ | 달러 $ |
| ¢ | ¢ | 센트 ¢ |
| £ | £ | 파운드 £ |
| ¥ | ¥ | 엔 ¥ |
| € | € | 유로 € |
| % | % | 퍼센트 % |
| ‰ | ‰ | 퍼밀 ‰ |
| ₩ | ₩ | 원 ₩ (숫자 엔티티: U+20A9) |
- 세미콜론(;)까지 붙이는 습관이 가장 안전하다. HTML은 레거시 호환 때문에 일부 이름이 세미콜론 없이도 동작하도록 남아있지만(동일 문자에 여러 이름 존재), 파싱 애매함을 피하려면 &name; 형태로 고정하는 편이 좋다.
- 이름 엔티티를 못 찾겠으면 숫자 엔티티로 확정 입력할 수 있다: &#NNNN; 또는 &#xHHHH;
'웹 (Web) > 프런트엔드' 카테고리의 다른 글
| Vanilla Javascript 기초 총정리 (0) | 2026.01.19 |
|---|---|
| React를 위한 JavaScript 기초 훑어보기 (2/2) (1) | 2026.01.09 |
| React를 위한 JavaScript 기초 훑어보기 (1/2) (0) | 2026.01.06 |
| 웹 개발자 준비 01 - html,css 기초 정리 (0) | 2025.12.31 |
| 2025 프론트엔드 개발자 로드맵 (roadmap.sh Frontend Developer) (0) | 2025.09.01 |