HTML 엔티티 변환

문자 참조는 ASCII만으로 문자를 적는 방법입니다. 숫자 참조는 모든 유니코드 코드 포인트에 쓸 수 있으며, 10진수(é)나 16진수(é)로 씁니다. 이름 참조는 기억하기 더 쉽습니다. HTML 4는 é 같은 Latin-1 문자, 그리스 문자, 수학 기호, —와 … 같은 인쇄 부호를 포함해 252개를 정의했습니다. 흥미롭게도 '는 여기에 없었습니다. XML에서 온 이 이름은 HTML5에 와서야 유효한 HTML이 되었습니다.

HTML5는 MathML 엔티티 집합을 흡수해 이름 문자 참조를 2,231개로 늘렸으므로, 이제 ✓, ★, ≂̸ 같은 이름이 모든 최신 브라우저에서 동작합니다. 이 숫자에는 &amp나 &copy처럼 끝 세미콜론이 없는 옛 표기도 포함됩니다. 파서는 호환성 때문에 여전히 받아들이지만 직접 쓰지는 않는 것이 좋습니다. 이 페이지의 인코더는 널리 지원되는 HTML 4 이름과 '를 출력하고 나머지는 모두 숫자 참조로 바꿉니다. 디코더는 텍스트를 브라우저 자체 파서에 넘기므로 2,231개 이름을 하나도 빠짐없이 이해합니다.

일상적인 작업에는 & < > " '만 설정을 쓰면 됩니다. 텍스트 노드나 따옴표로 감싼 속성을 끝낼 수 있는 다섯 문자를 이스케이프하므로, 페이지에 코드 예시를 보여 주거나 사용자 텍스트를 HTML 안에 안전하게 넣기에 충분합니다. ASCII 외 문자도 모두는 é, €, 이모지까지 참조로 바꿉니다. 일부 오래된 이메일 템플릿이나 인코딩을 망가뜨리는 시스템처럼 UTF-8을 전달하지 못하는 드문 경로를 위한 설정입니다. 이름, 10진수, 16진수는 참조를 적는 방식만 바꿀 뿐이며 셋 모두 같은 문자로 디코딩됩니다. UTF-8로 저장한 페이지라면 악센트 문자에 엔티티가 필요 없습니다.

이스케이프는 HTML 문맥만 보호하고 그 밖의 것은 보호하지 않습니다. script 블록, onclick 같은 인라인 이벤트 핸들러, style 속성, javascript:로 시작할 수 있는 href에 들어가는 텍스트는 다르게 처리해야 하며, 그런 곳에서는 엔티티 인코딩만으로 크로스 사이트 스크립팅을 막을 수 없습니다. React 같은 프레임워크는 기본적으로 텍스트를 이스케이프하므로, 최신 앱에서는 오히려 이중 이스케이프가 더 흔한 버그입니다. 앰퍼샌드가 있어야 할 자리에 사용자가 &를 보게 됩니다. 태그를 아예 없애려면 HTML TXT 변환으로 마크업을 변환하고, URL 안의 이스케이프에는 URL 인코딩을 쓰세요.