HTML 특수문자 & < © — 엔티티 코드 대조표

HTML에서 문자를 코드로 쓸 때 필요한 엔티티 목록입니다. 앞의 다섯 개는 <strong>반드시 escape 해야 하는 예약 문자</strong>로, 그대로 쓰면 태그로 해석돼 화면이 깨집니다. 나머지는 편의를 위한 것이라 유니코드 문자를 직접 넣어도 됩니다. 타일을 누르면 문자가 복사되고, 엔티티 코드는 이름에 함께 적어 두었습니다.

예약 문자

HTML에서 반드시 엔티티로 바꿔 써야 하는 문자.

& — 앰퍼샌드

< — 작다 기호

> — 크다 기호

" — 큰따옴표

' — 작은따옴표

문장부호와 조판 엔티티

따옴표, 대시, 줄임표 등 조판용 문자.

  — 줄바꿈 없는 공백 (빈칸으로 보임)

– — 엔 대시

— — 엠 대시

… — 줄임표

• — 불릿

§ — 조항 기호

¶ — 단락 기호

“ — 여는 큰따옴표

” — 닫는 큰따옴표

‘ — 여는 작은따옴표

’ — 닫는 작은따옴표

« — 왼쪽 겹화살괄호

» — 오른쪽 겹화살괄호

통화와 권리 표시 엔티티

화폐 기호와 저작권·상표 표시.

® — 등록상표 기호

™ — 상표 기호

€ — 유로 기호

£ — 파운드 기호

¥ — 엔 기호

¢ — 센트 기호

수학과 단위 엔티티

연산자, 분수, 비교 기호와 도 기호.

× — 곱셈 기호

÷ — 나눗셈 기호

± — 플러스마이너스

½ — 2분의 1

¼ — 4분의 1

¾ — 4분의 3

° — 도 기호

µ — 마이크로 기호

∞ — 무한대

≈ — 거의 같음

≠ — 같지 않음

≤ — 작거나 같음

≥ — 크거나 같음

√ — 제곱근

화살표와 도형 엔티티

방향 화살표, 카드 무늬, 별.

← — 왼쪽 화살표

→ — 오른쪽 화살표

↑ — 위쪽 화살표

↓ — 아래쪽 화살표

↔ — 양방향 화살표

&hearts; — 하트 무늬

&diams; — 다이아 무늬

&clubs; — 클로버 무늬

&spades; — 스페이드 무늬

&starf; — 검은 별

&star; — 흰 별

악센트 문자 엔티티

유럽 언어의 악센트 붙은 문자.

é — 어큐트 붙은 e

è — 그레이브 붙은 e

ê — 서큐플렉스 붙은 e

ñ — 틸데 붙은 n

ü — 움라우트 붙은 u

ç — 세디유 붙은 c

å — 고리 붙은 a

ø — 빗금 붙은 o

æ — AE 합자

ß — 에스체트

이름 있는 엔티티가 살아남은 이유

자주 묻는 질문

HTML 특수문자 자주 묻는 질문

엔티티를 꼭 써야 하나요?

& < > 세 개는 반드시 써야 합니다. 그대로 두면 브라우저가 태그의 일부로 읽어서 화면이 깨집니다. 나머지는 문서가 UTF-8이라면 유니코드 문자를 직접 넣어도 똑같이 나옵니다.

  는 왜 화면에 아무것도 안 보이나요?

줄바꿈이 일어나지 않는 공백이라서 그렇습니다. 눈에는 빈칸으로 보이지만 일반 공백과 달리 이 자리에서 줄이 나뉘지 않습니다. 숫자와 단위 사이처럼 떨어지면 안 되는 곳에 씁니다.

한글도 엔티티로 써야 하나요?

아닙니다. 문서 인코딩이 UTF-8이면 한글을 그대로 쓰면 됩니다. 숫자 참조로 바꿀 수는 있지만 읽기 어려워지기만 하고 얻는 것이 없습니다.

유니코드 폰트로 텍스트를 변환해보세요

UltraTextGen을 쓰면 평범한 텍스트가 볼드체, 필기체 등 100가지가 넘는 유니코드 스타일로 무료로 즉시 바뀝니다.

UltraTextGen 열기 →

HTML 특수문자