HTML 엔티티 인코딩
아래에 HTML 또는 텍스트를 붙여넣고 인코딩을 클릭하면 특수 문자가 HTML 엔티티로 이스케이프됩니다. 모든 처리는 브라우저에서 로컬로 수행됩니다.
복사됨!
HTML 엔티티 인코딩이란?
HTML 엔티티 인코딩은 특수 문자를 HTML 엔티티 등가물로 변환하여 HTML 마크업으로 해석되는 것을 방지합니다. 예를 들어:
<→<>→>&→&"→"'→'
이는 XSS 공격을 방지하고 HTML 문서에서 텍스트가 올바르게 표시되도록 합니다.
중요한 것은 범위 설정입니다. HTML을 깨뜨리는 문자만 인코딩하면 본문이 읽기 좋게 남고, 사람이 다시 편집할 내용에는 이 선택이 맞습니다. ASCII를 넘는 문자를 모두 인코딩하면 1바이트 문자 집합에 묶인 경로에서도 살아남는 출력이 되지만 파일은 훨씬 커집니다. 제목이 이유 없이 이상해 보일 때는 보이지 않는 문자 옵션을 한 번 돌려 보세요. 복사와 붙여넣기로 들어온 줄바꿈 없는 공백이나 폭 없는 결합 문자가 눈에 보이는 이름 참조로 드러납니다.
마크업이 말을 안 듣나요
이스케이프된 엔티티, 깨진 인코딩, CMS에서는 이렇게 보이는데 페이지에서는 저렇게 보이는 콘텐츠. 대개는 파이프라인 어딘가가 추측하고 있다는 뜻입니다. 저희는 프런트엔드와 그 뒤의 배포 경로까지 만듭니다. 쓴 그대로 방문자에게 보이도록 말이죠.
사이트에 대해 이야기하기자주 묻는 질문
HTML 엔티티란 무엇인가요
브라우저가 어떤 문자를 마크업이 아니라 텍스트로 읽게 만드는 표기법입니다. &는 앰퍼샌드를, <는 작다 기호를 뜻하며, 덕분에 잘못 들어간 꺾쇠가 태그의 시작으로 해석되지 않습니다.
실제로 인코딩해야 하는 문자는 무엇인가요
일반 본문에서 엄격히 필요한 것은 앰퍼샌드와 작다 기호뿐이고, 크다 기호는 관례입니다. 속성 안에서는 그것을 닫는 따옴표도 필요합니다. 나머지는 선택 사항이라, 여기 기본값은 정확히 그 집합만 인코딩하고 나머지는 읽을 수 있게 둡니다.
이름 참조와 숫자 참조 중 무엇을 쓸까요
이름 참조는 읽기 쉽고 파일을 편집하는 사람이 바로 알아봅니다. 숫자 참조는 모든 문자에 쓸 수 있고, 이름이 없는 수많은 문자도 표현하며, 파서가 이름을 아는지에 전혀 의존하지 않습니다. 명세와 대부분의 생성 출력에서 보게 되는 형태는 16진입니다.
ASCII를 넘는 문자를 모두 인코딩하는 이유는 무엇인가요
경로의 어느 한 곳에 그 이상을 맡길 수 없기 때문입니다. 오래된 내보내기, 메일 템플릿, 선언한 문자 집합과 다른 것을 보내는 시스템 같은 것들 말입니다. ASCII 위를 인코딩하면 파일이 그것을 견디지만 용량을 대가로 치르며, 사람이 다시 편집할 내용에는 맞지 않습니다.
보이지 않는 문자 옵션은 무엇을 찾아 주나요
줄바꿈 없는 공백, 폭 없는 결합 문자, 소프트 하이픈처럼 복사와 붙여넣기로 들어와서는 눈에 보이는 이유 없이 레이아웃을 무너뜨리는 문자들입니다. 켜면 눈에 보이는 참조로 표시되며, 보통 문제를 일으키는 그 한 글자를 찾는 가장 빠른 길입니다.