HTML 엔티티란?
HTML 엔티티는 브라우저가 태그로 오해할 수 있는 문자를 안전하게 표시하기 위한 코드입니다. '<'는 <, '&'는 &, 큰따옴표는 "로 써야 화면에 그대로 보입니다.
블로그나 게시판에 코드 예제를 올릴 때, 사용자 입력을 HTML에 출력하기 전 XSS(크로스 사이트 스크립팅)를 막기 위해 이스케이프할 때 꼭 필요한 변환입니다. © ® ™ € ₩ 같은 기호도 엔티티로 표현할 수 있습니다.
HTML 엔티티 사용 방법
- 1'인코딩' 또는 '디코딩'을 선택합니다.
- 2인코딩 방식을 고릅니다. 일반적인 HTML 출력에는 '필수 문자만'으로 충분합니다.
- 3텍스트나 HTML 코드를 입력하면 결과가 바로 표시됩니다.
- 4아래 엔티티 표에서 자주 쓰는 기호를 클릭하면 엔티티 코드가 복사됩니다.
이럴 때 유용해요
- 블로그·티스토리·노션에 HTML 코드 예제를 그대로 보여줄 때
- RSS·XML 피드에 특수문자를 안전하게 넣을 때
- 크롤링한 데이터의 &, ' 같은 엔티티를 사람이 읽는 글자로 바꿀 때
- 이메일 템플릿에서 © ™ 같은 기호가 깨지지 않게 할 때
자주 쓰는 HTML 엔티티
| 문자 | 엔티티 |
|---|---|
| < | < |
| > | > |
| & | & |
| " | " |
| 공백(줄바꿈 없음) | |
| © | © |