HTML 특수문자 코드 대조표 클릭하여 클립보드에 복사

HTML 특수문자 코드표 — 웹 개발자 필수 무료 온라인 참조 도구

프론트엔드 개발·웹 디자인·콘텐츠 편집에 필수! 화살표, 통화, 수학, 그리스 문자 등 수백 개의 HTML 특수문자를 클릭 한 번으로 즉시 복사하세요. 회원가입 없이 바로 시작하기.

주요 기능

• 원클릭 복사: 드래그·선택 없이 기호를 클릭하면 클립보드에 즉시 복사됩니다.
• 3가지 형식 동시 제공: 각 항목에서 시각적 기호, 명명 엔티티(예: ©), 10진수 코드(예: ©)를 한눈에 확인합니다.
• 카테고리별 분류: 구두점, 통화, 수학, 화살표, 그리스 알파벳 등 유형별로 정렬되어 원하는 기호를 빠르게 찾습니다.
• 실시간 미리보기: 사용 전에 브라우저에서 기호가 어떻게 렌더링되는지 바로 확인합니다.
• 설치 불필요: 모바일 포함 모든 브라우저에서 바로 사용 가능합니다.

활용 사례 — 누가 언제 쓰나요?

• 프론트엔드 개발자: HTML 템플릿, JavaScript 문자열, CSS content 속성에서 인코딩 오류 없이 특수문자를 삽입할 때. 예: 내비게이션 화살표(›), 저작권 표시(©).
• UI/UX 디자이너: 키보드에 없는 타이포그래피 기호(곡선 따옴표 “ ”, 긴 줄표 —)로 디자인 완성도를 높일 때.
• 콘텐츠 마케터·블로거: 기사 본문에 통화 기호(€ £ ¥), 분수(½ ¼ ¾), 상표(® ™ ©)를 정확하게 입력할 때.
• 이메일 마케터: 뉴스레터에서 특수문자가 모든 이메일 클라이언트에서 깨지지 않도록 엔티티 코드로 삽입할 때.
• 웹 개발 입문자: HTML 엔티티 인코딩 규칙을 실습하며 학습할 때.

사용 방법 (단계별 가이드)

1. 위 표에서 원하는 카테고리(화살표, 통화, 수학 등)를 찾습니다.
2. 해당 기호 행을 클릭합니다.
3. 기호, 엔티티 이름, 10진수 코드 중 필요한 형식이 클립보드에 자동 복사됩니다.
4. HTML 편집기나 코드 에디터에 붙여넣기(Ctrl+V / Cmd+V)하면 완료입니다.

활용 팁

• 명명 엔티티 vs 10진수 코드: 소스 코드 가독성을 위해서는 명명 엔티티(©)를, 구형 시스템과의 호환성이 중요할 때는 10진수 코드(©)를 사용하세요.
• 반드시 이스케이프해야 하는 문자: < > & " '는 HTML에서 예약된 의미를 가지므로 각각 < > & " '로 대체해야 합니다.
• CSS에서 사용: CSS content: 속성에서는 백슬래시 유니코드 표기를 사용합니다. 예: © 기호는 content: "\00A9".
• UTF-8 환경: 현대 웹사이트는 대부분의 문자를 UTF-8로 직접 저장하지만, 시스템이 인코딩을 제대로 지원하지 않을 때 HTML 엔티티가 안전한 대안입니다.
• 북마크 추천: 이 페이지를 즐겨찾기에 추가하면 개발 중 언제든지 빠르게 참조할 수 있습니다.

자주 묻는 질문 (FAQ)

Q. HTML 엔티티란 무엇인가요?

HTML 엔티티는 HTML 마크업에서 특수 기호를 표현하기 위한 인코딩 방식입니다. 앰퍼샌드(&)로 시작하고 세미콜론(;)으로 끝납니다. 명명 엔티티(© → ©)와 수치 엔티티(© → ©) 두 가지 유형이 있습니다.

Q. 명명 엔티티와 10진수 코드 중 어느 것을 써야 하나요?

일반적으로 가독성이 좋은 명명 엔티티를 권장합니다. 단, 모든 시스템에서 완벽한 호환이 필요하거나 ASCII만 지원하는 환경이라면 10진수 코드가 더 안전합니다.

Q. < 나 > 기호를 그대로 HTML에 쓰면 안 되나요?

안 됩니다. <와 >는 HTML 태그의 시작과 끝을 의미하는 예약 문자입니다. 텍스트로 표시하려면 반드시 <와 >로 이스케이프해야 합니다.

Q. 모바일에서도 사용할 수 있나요?

네, 설치 없이 모바일 브라우저에서도 바로 사용 가능합니다. 기호를 탭하면 클립보드에 복사됩니다.

Q. 찾는 기호가 목록에 없으면 어떻게 하나요?

이 표는 웹 개발에서 자주 쓰이는 기호를 중심으로 수록되어 있습니다. 더 특수한 유니코드 문자가 필요하다면 W3Schools HTML Symbols 페이지를 참조하세요.