HTML 엔티티 변환기란?
HTML 엔티티 변환기는 HTML 문서에서 특별한 의미를 가진 문자(<, >, &, " 등)를 안전한 엔티티 코드로 변환하거나, 엔티티 코드를 원래 문자로 복원하는 도구입니다.
웹 개발 시 XSS(Cross-Site Scripting) 공격 방지, HTML 소스 코드 표시, 특수문자 안전한 삽입 등 다양한 상황에서 필수적으로 사용됩니다. Named 엔티티(&), Numeric 엔티티(&), Hex 엔티티(&)를 모두 지원합니다.
주요 기능
실시간 변환
입력과 동시에 결과가 표시됩니다. 별도의 변환 버튼을 누를 필요 없이 타이핑하는 즉시 인코딩/디코딩 결과를 확인할 수 있습니다.
Named 엔티티 지원
< > & " © ® ™ 등 W3C 표준 Named 엔티티를 완벽하게 지원합니다.
Numeric/Hex 엔티티 지원
< < 등 10진수 및 16진수 숫자 엔티티를 모두 인코딩/디코딩할 수 있습니다.
인코딩/디코딩 모드 전환
한 번의 클릭으로 인코딩 모드와 디코딩 모드를 전환할 수 있습니다. 입출력을 바꾸는 스왑 기능도 제공합니다.
엔티티 레퍼런스 테이블
23개 이상의 주요 HTML 엔티티를 Named, Numeric 형식과 함께 한눈에 확인할 수 있는 참조 테이블을 제공합니다.
사용 방법
- 모드 선택 — 상단의 인코딩/디코딩 토글로 원하는 변환 방향을 선택합니다.
- 텍스트 입력 — 왼쪽 입력창에 변환할 텍스트나 HTML 엔티티를 입력합니다.
- 실시간 결과 확인 — 입력과 동시에 오른쪽 출력창에 변환 결과가 표시됩니다.
- 결과 복사 — 복사 버튼을 클릭하여 변환 결과를 클립보드에 복사합니다.
활용 사례
XSS 공격 방지
사용자 입력을 HTML에 표시할 때 특수문자를 엔티티로 변환하여 스크립트 삽입 공격을 방지합니다.
HTML 소스 코드 표시
블로그나 문서에서 HTML 코드를 그대로 보여줄 때 태그가 실행되지 않도록 엔티티로 변환합니다.
이메일 주소 난독화
이메일 주소를 HTML 엔티티로 변환하여 웹 크롤러의 자동 수집을 어렵게 만듭니다.
특수문자 삽입
저작권 기호(©), 등록상표(®), 유로화(€) 등 키보드에 없는 특수문자를 HTML에 안전하게 삽입합니다.
자주 묻는 질문
HTML 엔티티란 무엇인가요?
HTML 엔티티는 HTML에서 특별한 의미를 가진 문자나 표시하기 어려운 문자를 표현하기 위한 코드입니다. 예를 들어 '<'는 '<'로, '&'는 '&'로 표현합니다. Named(&), Numeric(&), Hex(&) 세 가지 형태가 있습니다.
왜 HTML 엔티티 변환이 필요한가요?
HTML에서 <, >, & 등은 태그나 엔티티의 시작으로 해석됩니다. 이 문자를 텍스트로 표시하려면 엔티티로 변환해야 합니다. 또한 XSS 공격 방지, 소스 코드 표시, 특수문자 삽입 등에 필수입니다.
Named 엔티티와 Numeric 엔티티의 차이는 무엇인가요?
Named 엔티티는 < ©처럼 이름으로 표현하고, Numeric 엔티티는 < ©처럼 유니코드 코드 포인트 번호로 표현합니다. Named는 기억하기 쉽고, Numeric은 모든 유니코드 문자를 표현할 수 있는 장점이 있습니다.
모든 문자를 엔티티로 변환해야 하나요?
아니요. 반드시 변환해야 하는 문자는 <, >, &, "의 4가지이며, 나머지 특수문자는 필요에 따라 선택적으로 변환하면 됩니다. 이 도구는 필수 문자를 자동으로 변환합니다.
입력한 데이터는 어디에 저장되나요?
입력한 데이터는 브라우저 내에서만 처리되며 어떤 서버로도 전송되지 않습니다. 페이지를 닫으면 모든 데이터가 사라집니다.
개인정보 안내
이 HTML 엔티티 변환기는 모든 변환을 브라우저에서 처리합니다. 입력한 텍스트는 서버로 전송되지 않으며 어떠한 데이터도 외부에 저장되지 않습니다.
댓글과 질문