HTML 코드표

필요한 기호를 이름으로 검색하세요. 엔티티 이름이나 번호를 눌러 복사합니다.

HTML 코드표

82개

이름 엔티티나 번호를 눌러 복사하세요

예: 화살표 · 저작권 · 공백 · 수학 · nbsp

반드시 바꿔야 하는 문자

아래 문자는 HTML 문법의 일부라 그대로 두면 태그나 엔티티로 읽힙니다. 사용자 입력을 화면에 출력할 때 이 처리를 빠뜨리면 스크립트 삽입 취약점이 됩니다.

필수 5개

필수 엔티티
문자이름번호설명
&앰퍼샌드 — 엔티티의 시작이라 반드시 변환
<여는 꺾쇠 — 태그 시작으로 읽힘
>닫는 꺾쇠
"큰따옴표 — 속성값 안에서 필수
'작은따옴표 — 속성값 안에서 필수

공백 6개

공백 엔티티
문자이름번호설명
 줄바꿈 없는 공백 — 여기서 줄이 안 넘어감
 en 공백 (반각)
 em 공백 (전각)
 얇은 공백
​없음폭 없는 공백 — 보이지 않지만 줄바꿈 지점이 됨
­조건부 하이픈 — 줄 끝에서만 나타남

기호 17개

기호 엔티티
문자이름번호설명
©저작권
®등록상표
™상표
§절 기호
문단 기호
†칼표 — 각주
‡겹칼표
•불릿
…말줄임표
–en 대시 — 범위(1–5)
—em 대시 — 문장 삽입
‘여는 작은따옴표
’닫는 작은따옴표 · 아포스트로피
“여는 큰따옴표
”닫는 큰따옴표
«겹화살괄호 열기
»겹화살괄호 닫기

화폐 6개

화폐 엔티티
문자이름번호설명
₩원 — 한국 화폐
$없음달러
€유로
£파운드
¥엔 · 위안
¢센트

수학 20개

수학 엔티티
문자이름번호설명
×곱하기
÷나누기
±플러스마이너스
≠같지 않음
≤작거나 같음
≥크거나 같음
≈거의 같음
∞무한대
√제곱근
∑시그마 합
∏곱
∫적분
∂편미분
°도 — 각도·온도
′분 — 각도
″초 — 각도
‰천분율
½2분의 1
¼4분의 1
¾4분의 3

화살표 8개

화살표 엔티티
문자이름번호설명
←왼쪽 화살표
→오른쪽 화살표
↑위 화살표
↓아래 화살표
↔좌우 화살표
⇐왼쪽 이중 화살표
⇒오른쪽 이중 화살표
⇔좌우 이중 화살표

그리스 11개

그리스 엔티티
문자이름번호설명
α알파
β베타
γ감마
δ델타 (소문자)
Δ델타 (대문자) — 변화량
θ세타
λ람다
μ뮤 — 마이크로
π파이
σ시그마 (소문자)
Ω오메가 — 옴

기타 9개

기타 엔티티
문자이름번호설명
♠스페이드
♥하트
♦다이아몬드
♣클로버
★없음검은 별
☆없음흰 별
✓없음체크
✕없음엑스
※없음참고표

사용법

  1. 찾는 기호의 이름이나 설명을 검색하세요. "화살표", "저작권", "nbsp" 모두 됩니다.
  2. 표에서 이름이나 번호를 누르면 그 엔티티가 복사됩니다.
  3. HTML 문서라면 읽기 쉬운 이름을, XML이나 이메일이라면 번호를 쓰세요.
  4. 맨 위 반드시 바꿔야 하는 문자는 사용자 입력을 다룰 때 꼭 확인하세요.

엔티티를 언제 써야 하나

엔티티가 꼭 필요한 경우는 둘뿐입니다. 하나는 HTML 문법과 충돌하는 문자(&·<·>·따옴표), 다른 하나는 키보드로 입력하기 어려운 기호입니다. 그 밖의 글자는 문서를 UTF-8로 저장하면 그대로 쓰는 편이 읽기도 쉽고 용량도 적습니다.

한글을 엔티티로 바꿀 필요는 없습니다. UTF-8과 meta charset 선언이면 충분합니다. 오래된 문서에서 한글이 엔티티로 적힌 것을 보게 되는데, 인코딩이 통일되기 전의 흔적입니다.

이름과 번호는 결과가 같습니다. 이름은 읽기 쉬운 대신 HTML에 정의된 것만 쓸 수 있고, 번호는 어떤 문자든 표현되지만 무엇인지 알아보기 어렵습니다. XML은 &amp;·&lt;·&gt;·&quot;·&apos; 다섯 개만 이름으로 인식하므로 나머지는 번호를 써야 합니다.

공백 엔티티는 종류가 여럿입니다. 가장 많이 쓰는 &nbsp;는 줄바꿈이 일어나지 않는 공백으로, 숫자와 단위가 갈라지면 안 될 때 씁니다. 여백을 만들려고 여러 개 늘어놓는 것은 잘못된 사용이며 CSS 여백을 쓰는 것이 맞습니다.

자주 묻는 질문

반드시 엔티티로 바꿔야 하는 문자가 있나요?
있습니다. &, <, >는 HTML 문법의 일부라 그대로 두면 태그나 엔티티의 시작으로 읽힙니다. 속성값 안에서는 따옴표도 바꿔야 합니다. 사용자가 입력한 글을 화면에 그대로 뿌릴 때 이 처리를 빠뜨리면 스크립트 삽입 취약점이 생기므로, 직접 치환하기보다 프레임워크의 이스케이프 기능을 쓰는 편이 안전합니다.
이름 엔티티와 번호 엔티티 중 무엇을 써야 하나요?
읽기 쉬운 쪽은 이름(&copy;)이고, 어디서나 확실히 동작하는 쪽은 번호(&#169;)입니다. 이름 엔티티는 HTML 표준에 정의된 것만 쓸 수 있고 XML이나 일부 이메일 클라이언트에서는 인식하지 못합니다. HTML 문서라면 이름을, XML이나 호환성이 걱정되면 번호를 쓰세요.
&nbsp;는 그냥 공백과 무엇이 다른가요?
줄바꿈이 일어나지 않는 공백입니다. 일반 공백은 그 자리에서 줄이 넘어갈 수 있지만 &nbsp;는 앞뒤 글자를 붙여 둡니다. "10 kg"처럼 숫자와 단위가 갈라지면 안 될 때 씁니다. 다만 여백을 만들려고 여러 개 넣는 것은 잘못된 사용이며, 그럴 때는 CSS 여백을 쓰세요.
한글도 엔티티로 써야 하나요?
필요 없습니다. 문서를 UTF-8로 저장하고 <meta charset="utf-8">을 선언하면 한글을 그대로 쓸 수 있습니다. 엔티티로 바꾸면 용량만 늘고 읽기 어려워집니다. 엔티티가 필요한 것은 문법 충돌 문자와 키보드로 입력하기 어려운 기호뿐입니다.
이모지도 엔티티가 있나요?
이름 엔티티는 없지만 번호로는 쓸 수 있습니다. 다만 UTF-8 문서라면 이모지를 그대로 넣는 편이 낫습니다. 이모지는 코드 포인트가 커서 번호 엔티티가 길어지고, 조합 이모지는 여러 코드 포인트가 이어진 형태라 하나씩 적기 번거롭습니다.

이 도구는 브라우저 안에서만 계산하며 입력값을 서버로 보내지 않습니다. 분류: 개발 · 마지막 수정 2026-09-08

함께 쓰면 좋은 도구

온라인 도구 전체 보기