HTML entity는 그렇지 않으면 마크업으로 해석되거나 입력하기 어려운 문자를 나타내는 특수 코드입니다. &로 시작해 ;로 끝납니다.
네 개의 문자는 HTML에서 특별한 의미를 가지며, 문자 그대로를 의미할 때는 entity로 작성해야 합니다.
< → < (작다 — 그렇지 않으면 tag를 시작함)
> → > (크다)
& → & (앰퍼샌드 — 그렇지 않으면 entity를 시작함)
" → " (attribute 값 안에서)
Use the element
Use the div element
이것은 또한 XSS 방어의 기초입니다. 사용자 생성 텍스트를 표시할 때 <, >, &를 이스케이프하면 브라우저가 주입된 <script> tag를 실행하지 못하게 됩니다. 프레임워크(React, Vue)는 이러한 이유로 기본적으로 이스케이프합니다.
줄바꿈 없는 공백 (단어를 붙여 유지, 줄바꿈 없음)
© © ® ® ™ ™
— — – – … …
× × ÷ ÷
© © 10진수 코드로 © © 16진수 코드로
<meta charset="UTF-8" />
<p>© 2024 — café résumé 日本語</p> <!-- UTF-8이면 이것들을 직접 입력할 수 있다 -->
UTF-8 charset이면 대부분의 기호와 악센트 문자를 그대로 쓸 수 있으므로, entity는 주로 예약된 마크업 문자(<, >, &, ")와 에만 필요합니다.
entity는 예약 문자를 텍스트로 표시하게 해주며, 신뢰할 수 없는 콘텐츠를 렌더링할 때 XSS를 막는 핵심입니다.
UTF-8이면 기호에는 entity가 거의 필요 없지만, 원시 텍스트가 마크업으로 오인될 수 있는 모든 경우에 <, >, &를 올바르게 이스케이프하는 것은 필수적입니다.