사용 방법
- 텍스트, HTML, 또는 엔티티가 든 텍스트를 입력창에 붙여 넣습니다. 예시 불러오기로 써 볼 수 있습니다.
- 인코딩하려면 인코딩 범위(HTML에서 의미 있는 문자만, 또는 ASCII가 아닌 모든 문자를 이름이나 숫자로)를 고르고 인코딩을 누릅니다. 디코딩하려면 디코딩을 누릅니다.
- 결과를 복사하거나, 결과를 입력으로 사용을 눌러 다음 단계를 이어서 합니다.
예시
<a href="x">&</a>
→ <a href="x">&</a>최소 설정으로 인코딩한 결과입니다. 작은따옴표는 '가 됩니다.
café © <b>
→ café © <b>ASCII가 아닌 문자를 이름으로 인코딩한 결과입니다. 숫자로 하면 café © <b>가 됩니다.
<p>café © 😀
→ <p>café © 😀디코딩 결과입니다. 이름, 10진수, 16진수 참조가 모두 동작합니다.
계산 방식
인코딩과 디코딩은 HTML 표준의 문자 참조 규칙을 따르는 오픈소스 he 라이브러리가 맡습니다. 이름 있는 참조의 전체 목록을 알고 있고, © 같은 10진수 참조와 © 같은 16진수 참조도 디코딩합니다.
최소 설정은 HTML에서 특별한 의미가 있는 문자만 바꾸므로 악센트 문자 같은 일반 텍스트는 그대로 둡니다. 이름과 숫자 설정은 기본 ASCII 밖의 모든 문자도 바꿔서, ASCII만 다루는 시스템을 거쳐야 하는 텍스트에 쓸모가 있습니다.
이모지처럼 기본 범위 밖의 문자는 글자 전체가 하나의 참조(예: 😀)로 적힙니다.
출처
자주 묻는 질문
- HTML에서 꼭 이스케이프해야 하는 문자는 무엇인가요?
- 텍스트에서는 &와 <가 필수이고, >는 습관적으로 함께 씁니다. 따옴표로 감싼 속성값 안에서는 따옴표 문자도 이스케이프해야 합니다. 최소 설정은 & < > " '와 백틱을 이스케이프하므로 두 경우 모두에 안전합니다.
- 이름 엔티티와 숫자 엔티티는 어떻게 다른가요?
- é, © 같은 이름 엔티티는 읽기 쉽습니다. é, é 같은 숫자 엔티티는 이름이 없는 문자를 포함해 모든 문자에 쓸 수 있습니다. 브라우저는 둘을 똑같이 취급합니다.
- 디코딩을 두 번 하면 텍스트가 바뀌나요?
- 디코딩은 한 번만 합니다. &amp;는 &가 되고, 그 결과를 다시 디코딩하면 &가 됩니다. 인코딩된 횟수만큼 적용하세요.
- 이스케이프만으로 크로스 사이트 스크립팅을 막을 수 있나요?
- 이스케이프는 일부일 뿐이며, 올바른 이스케이프는 텍스트가 들어가는 위치에 따라 다릅니다. HTML 텍스트, 속성, 자바스크립트, URL마다 규칙이 다릅니다. 수동 작업에 의존하지 말고 템플릿 엔진이나 프레임워크에 내장된 이스케이프를 쓰세요.
- 입력한 텍스트가 업로드되나요?
- 아니요. 인코딩과 디코딩은 브라우저 안에서 실행됩니다.