HTML 엔티티 변환기

HTML 엔티티 변환기는 웹 페이지, 콘텐츠 관리 시스템 및 기타 텍스트 기반 형식에서 사용할 수 있도록 HTML 문자 참조와 디코딩된 문자를 서로 변환하는 무료 도구입니다.

HTML 엔티티란 무엇이고 왜 필요한가요?

HTML 엔티티는 HTML이 자체 마크업과 구분할 수 있는 텍스트로 문자를 표현합니다. HTML 문자 참조는 일반적으로 앰퍼샌드로 시작해 세미콜론으로 끝납니다. 앰퍼샌드를 나타내는 & 같은 명명된 문자 참조도 있고, 파운드 기호를 나타내는 £ 같은 숫자 문자 참조도 있습니다.

HTML에서 특별한 의미를 갖는 문자를 표시할 때 유용합니다. 예를 들어 실제 부등호 기호 중 작다 기호는 태그의 시작으로 오인될 수 있으므로 <로 작성할 수 있습니다. 또한 문자 참조를 사용하면 특정 문자를 마크업이나 제어 구문과 혼동하지 않고 HTML 또는 호환되는 마크업에서 표현할 수 있습니다.

엔티티 인코딩은 암호화가 아니며 어떠한 기밀성도 제공하지 않습니다. 누구나 엔티티 참조를 읽거나 디코딩할 수 있으므로 비밀번호, 개인정보 또는 기밀 콘텐츠를 숨기는 용도로 사용해서는 안 됩니다.

HTML 엔티티는 어떻게 변환하나요?

인코드 또는 디코드라고 표시된 입력란에 해당 텍스트를 입력한 다음, 대응하는 HTML 엔티티 인코딩됨 또는 HTML 엔티티 디코딩됨 결과를 확인하세요. 적절한 HTML 텍스트나 속성 컨텍스트 안에 텍스트를 넣어야 한다면 인코딩된 결과를 사용하고, 기존 엔티티가 나타내는 문자가 필요하다면 디코딩된 결과를 사용하세요.

변환은 서버에서 실행됩니다. 입력한 데이터는 HTTPS를 통해 서버로 전송되며 저장되지 않습니다.

변환하기 전에 HTML 엔티티가 필요한 상황인지 확인하세요. 쿼리 문자열 값에는 보통 URL 퍼센트 인코딩이 필요하고, 국제화 도메인에는 퓨니코드가 사용됩니다. 각 형식은 URL 디코더와 IDN 퓨니코드 변환기로 처리할 수 있습니다.

인코딩하거나 디코딩한 결과는 어떻게 표시되나요?

디코딩하면 인식된 엔티티 참조가 해당 참조가 나타내는 문자로 바뀝니다. 반대로 인코딩하면 문자가 엔티티 구문으로 표현됩니다.

입력: <p>Tea & cake</p>

디코딩 결과: <p>Tea & cake</p>

디코딩 결과에 있는 꺾쇠괄호는 페이지에 HTML로 삽입할 경우 HTML 마크업이 될 수 있는 문자입니다. 디코딩은 콘텐츠를 정리하거나 스크립트를 제거하지 않으며, 신뢰할 수 없는 HTML을 안전하게 만들지도 않습니다. 디코딩한 자료는 실제로 사용할 컨텍스트에 맞춰 처리하세요.

변환 예시와 주의가 필요한 입력

명명된 엔티티와 숫자 문자 참조는 같은 문자를 서로 다른 방식으로 나타낼 수 있습니다. 예를 들어 &amp;는 앰퍼샌드를 나타내는 명명된 참조이고, &#38;은 같은 문자의 10진수 숫자 참조이며, &#x26;은 16진수 형식입니다.

• 일반 공백과 실제 숫자는 엔티티 참조가 아니므로 보통 일반 텍스트로 유지됩니다.
• 문장 부호는 인식 가능한 엔티티 참조로 작성됐거나 의도적으로 인코딩한 경우에만 바뀝니다.
• 악센트 문자가 포함된 글자, 비라틴 문자 및 이모지는 숫자 문자 참조로 표현할 수 있습니다. 숫자 문자 참조는 HTML 소스의 인코딩과 관계없이 유니코드 코드 포인트를 지정합니다. 올바르게 표시되는지는 글꼴 지원 여부에 따라 달라지며, 디코딩한 결과를 저장하거나 전송할 때는 문자 인코딩도 중요합니다.

엔티티를 작성할 때는 끝에 세미콜론을 포함하세요. 브라우저가 일부 제한된 컨텍스트에서 세미콜론이 없는 참조를 허용하기도 하지만, 이런 축약 형식은 의미가 모호해질 수 있고 파서 간 호환성도 떨어집니다.

HTML 엔티티는 실제로 어디에서 사용되나요?

HTML 엔티티는 HTML 소스, 콘텐츠 관리 시스템, 서식 있는 텍스트 편집기 및 HTML 이메일에서 흔히 볼 수 있습니다. 예를 들어 WordPress 코드 보기에는 줄 바꿈 없는 공백을 나타내는 &nbsp;나, 마크업에서 앰퍼샌드를 그대로 유지하기 위한 &amp;가 포함될 수 있습니다.

다른 형식으로 전달되는 데이터 안에도 HTML 엔티티가 들어갈 수 있습니다. 이때는 여러 인코딩 계층이 생기므로 올바른 순서로 처리해야 합니다.

• JSON 페이로드에 엔티티가 포함된 텍스트를 가진 HTML 조각이 들어갈 수 있습니다. JSON 이스케이프 처리와 HTML 엔티티 디코딩은 서로 별개의 작업입니다.
• 쿼리 문자열에 퍼센트 인코딩된 HTML이 포함될 수 있습니다. 먼저 URL 계층을 디코딩한 뒤 결과 텍스트에도 엔티티가 있는지 판단하세요.
• 데이터 URI에는 엔티티가 포함된 HTML이나 기타 텍스트가 들어갈 수 있으며, URI 자체에는 퍼센트 인코딩이나 Base64가 사용될 수 있습니다.
• HTML 이메일은 표시되는 문장 부호를 인코딩하는 동시에 전송을 위해 MIME 전송 인코딩을 사용할 수 있습니다.
• 국제화 도메인이 엔티티로 인코딩된 HTML 옆에 나타날 수 있지만, 도메인 자체는 일반적으로 HTML 엔티티가 아닌 퓨니코드로 표현됩니다.

HTML 엔티티가 디코딩되지 않거나 글자가 깨지는 이유는 무엇인가요?

대개 입력 형식이 잘못됐거나 다른 인코딩 방식을 사용했거나 둘 이상의 인코딩 계층이 포함돼 있기 때문입니다. 결과를 확인하지 않은 채 변환을 반복하지 말고, 원본 텍스트에 명명된 HTML 문자 참조나 숫자 HTML 문자 참조가 있는지 살펴보세요.

• 잘못된 참조: 앰퍼샌드, 숫자 기호 또는 세미콜론이 빠지면 참조로 인식되지 않을 수 있습니다. 텍스트를 &amp; 또는 &#38; 같은 형식과 비교하세요.
• 이중 인코딩된 입력: &amp;lt; 같은 텍스트는 한 번 디코딩하면 &lt;가 됩니다. 이를 작다 기호로 바꾸려면 의도적으로 한 번 더 디코딩해야 합니다.
• 문자 집합 불일치: 잘못된 문자 인코딩으로 텍스트를 해석하면 대체 문자가 표시되거나 악센트 문자가 깨질 수 있습니다.
• 잘못된 형식: 퍼센트 기호가 포함된 텍스트는 URL 인코딩된 데이터일 수 있습니다. 문자, 숫자, 더하기 기호, 슬래시 또는 끝부분의 등호로 구성된 긴 데이터는 Base64일 수 있습니다.
• Base64 입력의 변형 또는 알파벳이 잘못된 경우: URL 안전 Base64는 표준 Base64와 다른 문자를 사용합니다. 패딩이 없으면 일부 디코더가 처리하지 못할 수도 있습니다. 이러한 문제는 HTML 엔티티 구문과 관련이 없으므로 Base64 디코더를 사용해야 합니다.

자주 묻는 질문

&nbsp;가 일반 공백처럼 보이는 이유는 무엇인가요?

&nbsp;는 줄 바꿈 없는 공백을 나타냅니다. 일반 공백과 비슷하게 보이지만 해당 위치에서 줄이 바뀌지 않도록 합니다. 편집기에서는 눈에 보이지 않는 상태로 유지될 수 있으므로 공백 문제를 확인할 때는 소스 보기나 문자 정보를 확인할 수 있는 기능을 사용하세요.

HTML 엔티티 이름은 대소문자를 구분하나요?

네. 명명된 문자 참조에는 정해진 표기가 있으며, 대소문자에 따라 참조로 인식되는지가 달라질 수 있습니다. 브라우저의 오류 복구에 의존하지 말고 공개된 정확한 이름을 사용하고 세미콜론도 포함하세요.

악센트 문자는 모두 엔티티로 작성해야 하나요?

아니요. UTF-8로 올바르게 선언한 HTML 문서에는 é, £ 및 中文 같은 문자를 직접 넣을 수 있습니다. 다만 마크업 구문, 오래된 시스템 또는 특정 게시 규칙에서 엔티티를 요구할 때는 여전히 유용합니다.

XML에서도 HTML 엔티티를 사용할 수 있나요?

XML에 미리 정의된 명명된 엔티티는 &amp;, &lt;, &gt;, &quot; 및 &apos;를 포함한 소수뿐입니다. HTML에서 유효한 많은 이름은 문서 유형에서 별도로 정의하지 않으면 XML에서 유효하지 않습니다. 따라서 숫자 문자 참조가 더 안전한 선택인 경우가 많습니다.

엔티티 변환기로 손상된 HTML을 복구할 수 있나요?

아니요. 엔티티 참조를 변환할 수는 있지만, 태그의 짝을 맞추거나 중첩 구조를 수정하거나 문서의 유효성을 검사하지는 않습니다. 변환 후에도 페이지가 예상과 다르게 작동한다면 주변 마크업을 확인하고 HTML 검사기를 사용하세요.

마지막 확인 사항

원본이 HTML 명명 문자 참조와 숫자 문자 참조 중 무엇을 사용하는지 확인하고, 필요한 문자 참조 계층만 변환한 뒤 결과를 의도한 표시 텍스트와 비교하세요. 디코딩한 콘텐츠를 실제 페이지에 넣기 전에는 결과에 포함된 꺾쇠괄호, 따옴표 및 앰퍼샌드가 해당 HTML 컨텍스트에서 어떻게 해석되는지 검토하세요.