실용 가이드 · 웹과 코드

HTML 특수문자와 이스케이프 사용법

텍스트와 마크업을 구분하고 이중 인코딩을 피하세요. 엔티티 변환과 보안 정화의 역할을 설명합니다.

텍스트와 HTML 구분자 구별하기

HTML에서 텍스트와 태그 구분자는 역할이 다릅니다. 글 안에 작다 기호나 앰퍼샌드를 그대로 표시하려면 적절한 문자 참조를 사용하세요.

올바른 문맥에서 한 번 인코딩하기

삽입하는 지점에서 한 번만 인코딩하세요. 태그를 글자로 보이려면 구분자도 변환합니다. 템플릿이 이미 이스케이프하면 중복 인코딩으로 엔티티 이름이 표시될 수 있습니다.

HTML 특수문자와 이스케이프 사용법
  1. 입력값

    A & B

  2. 계산 과정

    방법 선택과 적용

  3. 결과

    A & B

이 단계 직접 해보기

HTML 엔티티 인코딩과 디코딩

이 가이드에서 예제를 불러와 도구를 실행하고 입력을 바꾸며 결과를 비교하세요. 두 번째 실험은 다른 조건을 확인합니다.

재현 가능한 예제

A & B는 A & B로 변환됩니다. <가 작다 기호가 되려면 두 번 디코딩해야 하지만 이 도구는 한 번만 수행해 <를 반환합니다.

도구 열기

한 단계만 디코딩하기

두 번째 예제는 <에서 시작합니다. 한 번 디코딩하면 부등호가 아닌 <가 나와야 합니다. 그 결과를 다시 디코딩해 한 번과 두 번의 차이를 확인하세요.

브라우저 안에서 처리하며 데이터를 업로드하지 않습니다.

데이터 설정

데이터 설정

100,000자 이하입니다. 한 단계만 디코딩해 텍스트를 반환하며 HTML 정화는 하지 않습니다.

결과

값을 입력하면 결과를 확인할 수 있습니다.

앰퍼샌드와 인코딩 단계

A & B는 A & B로 변환됩니다. <가 작다 기호가 되려면 두 번 디코딩해야 하지만 이 도구는 한 번만 수행해 <를 반환합니다.

사용 사례

입력값
A & B
결과
A & B

이스케이프, 정제, 신뢰할 수 없는 입력

디코딩해도 신뢰할 수 있는 내용이 되지는 않습니다. 마크업으로 쓰지 않을 결과는 텍스트로 유지하세요. 엔티티는 HTML 정화나 JavaScript, CSS, URL 문맥별 보호를 대신하지 않습니다.

실제 사례를 측정한 값이 아닌 예제 입력값입니다. 실제 도구와 같은 계산 엔진을 사용합니다. 결과를 가이드의 계산 과정과 비교한 뒤 확인 항목을 체크하세요.

계산 방법과 제한
항목값
이 도구의 제한은 무엇인가요?100,000자 이하입니다. 한 단계만 디코딩해 텍스트를 반환하며 HTML 정화는 하지 않습니다.
처리 및 개인정보입력값과 결과는 브라우저에서 처리되며 서버로 전송되지 않습니다. 집계 통계가 활성화된 경우 도구 이름과 처리 성공 여부만 기록하며 내용은 기록하지 않습니다.

출처

관련 도구 사용하기

HTML 엔티티 인코딩과 디코딩

즐겨찾기