HTML 엔티티 문자 참조: 전체 목록 및 가이드 (2026)
웹사이트를 구축할 때 HTML에서 특별한 의미를 갖는 문자(< 및 > 등)나 키보드에 없는 문자(© 또는 € 등)를 표시해야 하는 경우가 많습니다. 이러한 문자는 HTML에서 **HTML 엔티티(HTML Entities)**를 사용하여 표현됩니다.
HTML 엔티티는 이름 기반 엔티티(예: ©) 또는 숫자 기반 엔티티(예: ©)일 수 있습니다. 이 가이드는 가장 자주 사용되는 HTML 엔티티에 대한 전체 참조를 제공합니다.
1. 빠른 검색: 핵심 HTML 엔티티
보안 및 기본 마크업을 위해 반드시 알아야 할 5가지 엔티티는 다음과 같습니다.
| 문자 | 엔티티 이름 | 엔티티 번호 | 설명 |
|---|---|---|---|
< |
< |
< |
작음 (태그 시작) |
> |
> |
> |
큼 (태그 종료) |
& |
& |
& |
앰퍼샌드 (엔티티 시작) |
" |
" |
" |
큰따옴표 |
' |
' |
' |
작은따옴표 / 아포스트로피 |
2. 전체 HTML 문자 참조표
일반 문자 및 기호
| 문자 | 엔티티 이름 | 엔티티 번호 | 설명 |
|---|---|---|---|
|
|
  |
줄 바꿈 없는 공백 |
© |
© |
© |
저작권 기호 |
® |
® |
® |
등록 상표 |
™ |
™ |
™ |
상표 기호 |
§ |
§ |
§ |
구역 기호 |
¶ |
¶ |
¶ |
단락 기호 |
• |
• |
• |
불릿 (글머리 기호) |
… |
… |
… |
줄임표 |
— |
— |
— |
엠 대시 (긴 줄표) |
– |
– |
– |
엔 대시 (짧은 줄표) |
통화 기호
| 문자 | 엔티티 이름 | 엔티티 번호 | 설명 |
|---|---|---|---|
€ |
€ |
€ |
유로 기호 |
£ |
£ |
£ |
파운드 기호 |
¥ |
¥ |
¥ |
엔 / 위안 기호 |
¢ |
¢ |
¢ |
센트 기호 |
¤ |
¤ |
¤ |
일반 통화 기호 |
수학 연산자
| 문자 | 엔티티 이름 | 엔티티 번호 | 설명 |
|---|---|---|---|
± |
± |
± |
플러스-마이너스 기호 |
× |
× |
× |
곱셈 기호 |
÷ |
÷ |
÷ |
나눗셈 기호 |
√ |
√ |
√ |
제곱근 |
∞ |
∞ |
∞ |
무한대 |
≈ |
≈ |
≈ |
거의 같음 |
≠ |
≠ |
≠ |
같지 않음 |
≤ |
≤ |
≤ |
작거나 같음 |
≥ |
≥ |
≥ |
크거나 같음 |
∑ |
∑ |
∑ |
합계 (시그마) |
∏ |
∏ |
∏ |
곱 기호 |
∫ |
∫ |
∫ |
적분 기호 |
그리스 문자
| 문자 | 엔티티 이름 | 엔티티 번호 | 설명 |
|---|---|---|---|
α |
α |
α |
그리스 소문자 알파 |
β |
β |
β |
그리스 소문자 베타 |
γ |
γ |
γ |
그리스 소문자 감마 |
Δ |
Δ |
Δ |
그리스 대문자 델타 |
Σ |
Σ |
Σ |
그리스 대문자 시그마 |
Ω |
Ω |
Ω |
그리스 대문자 오메가 |
π |
π |
π |
그리스 소문자 파이 |
θ |
θ |
θ |
그리스 소문자 세타 |
화살표 및 레이아웃
| 문자 | 엔티티 이름 | 엔티티 번호 | 설명 |
|---|---|---|---|
← |
← |
← |
왼쪽 화살표 |
↑ |
↑ |
↑ |
위쪽 화살표 |
→ |
→ |
→ |
오른쪽 화살표 |
↓ |
↓ |
↓ |
아래쪽 화살표 |
↔ |
↔ |
↔ |
좌우 화살표 |
↵ |
↵ |
↵ |
캐리지 리턴 화살표 |
3. HTML 엔티티의 분류
예약된 문자
HTML에서는 일부 문자가 예약되어 있습니다. 예를 들어 텍스트 내에서 < 또는 > 기호를 직접 사용할 수 없습니다. 브라우저가 이를 태그로 오해할 수 있기 때문입니다. 대신 < 및 >를 사용해야 합니다. 마찬가지로 &는 엔티티의 시작을 나타내므로 &로 인코딩해야 합니다.
통화 및 법적 기호
© (저작권), ® (등록 상표) 및 다양한 통화 기호는 모든 키보드에서 표준이 아니거나 다른 문자 인코딩(예: UTF-8에서 ISO-8859-1로 변경)으로 인해 깨질 수 있습니다. 엔티티를 사용하면 모든 시스템에서 올바르게 표시됩니다.
수학 연산자
기술 문서나 과학 문서를 위해 HTML은 광범위한 수학 기호를 제공합니다. 많은 기호가 유니코드에서 사용 가능하지만, ∞과 같은 이름 기반 엔티티는 원시 문자 코드보다 코드의 가독성을 높여줍니다.
4. 사용 팁: 엔티티 사용 방법
HTML에서
엔티티 이름 또는 번호를 HTML 코드에 직접 입력합니다.
<p>Copyright © 2026 Tool3M</p>
<p>3 < 5는 참인 문장입니다.</p>
JavaScript에서
요소의 textContent를 설정하는 경우 리터럴 문자를 사용합니다. 하지만 HTML 문자열을 빌드하는 경우에는 엔티티를 사용합니다.
// HTML 삽입 시 올바른 방법
const myString = "5 × 10 = 50";
element.innerHTML = myString;
// JS 문자열 내에서 유니코드 사용
const mySymbol = "\u00A9"; // ©
CSS에서
CSS의 "content" 속성( :before 또는 :after와 함께 사용)에서는 백슬래시 뒤에 16진수 값을 사용합니다.
.copyright:before {
content: "\00A9"; /* ©의 유니코드 */
}
5. 자주 묻는 질문 (FAQ)
엔티티 이름과 엔티티 번호의 차이점은 무엇인가요?
엔티티 이름(예: ")은 사람이 읽기 쉬운 니모닉입니다. 엔티티 번호(예: ")는 해당 문자의 Unicode/ISO-10646 코드 포인트를 나타냅니다. 모든 문자에 이름이 있는 것은 아니지만 모든 문자에는 번호가 있습니다. 이전 브라우저나 XML 환경에서는 번호가 일반적으로 더 안전합니다.
왜 앰퍼샌드(&)를 이스케이프해야 하나요?
앰퍼샌드 &는 HTML 엔티티의 "트리거" 문자입니다. index.php?id=1&name=test와 같은 URL이 있는 경우 &name 부분이 일부 브라우저에서 이름 기반 엔티티로 오해될 수 있습니다. 100% 안전을 위해 항상 &로 작성하십시오.
HTML 엔티티에 보안 위험이 있나요?
예. HTML 엔티티를 올바르게 인코딩하지 않는 것이 **교차 사이트 스크립팅(XSS)**의 근본 원인입니다. 사용자가 <script>alert(1)</script>를 제출하고 이를 직접 표시하면 브라우저가 스크립트를 실행합니다. <script>...와 같이 인코딩하면 텍스트로 안전하게 표시됩니다.
엔티티 대신 UTF-8을 사용해야 하나요?
현대 웹 개발에서는 전체 스택에서 UTF-8 인코딩을 사용하는 것을 선호합니다. UTF-8 문서에서는 © 또는 π와 같은 문자를 직접 입력할 수 있습니다. 하지만 보안 및 구문상의 이유로 예약된 문자(<, >, &, ", ')는 여전히 이스케이프해야 합니다.
Tool3M 관련 도구
- HTML 엔티티 코덱: XSS를 방지하거나 특수 기호를 표시하기 위해 텍스트를 HTML 엔티티로 쉽게 인코딩하거나 디코딩합니다.
- URL 인코더/디코더: URL의 문자를 인코딩하는 데 사용됩니다.
- JSON 포맷터: 데이터 문자열이 올바르게 이스케이프되었는지 확인하는 데 유용합니다.