HTML의 특수 문자란?
HTML 문서에서 일부 문자는 예약어(reserved characters)로 지정되어 있어 특별한 의미를 가집니다. 예를 들어, 부등호(<, >)나 꺾쇠 괄호는 HTML 텍스트 안에 그대로 사용할 수 없습니다. 브라우저가 이러한 기호를 HTML 태그와 관련된 의미로 해석하기 때문입니다.
따라서 이런 특수 문자를 화면에 표시하려면 반드시 문자 엔티티(character entity) 형태로 작성해야 합니다.
HTML에서 지원해야 하는 5가지 필수 특수 문자
모든 HTML 프로세서는 아래 표에 정리된 다섯 가지 특수 문자를 지원해야 합니다. 각 문자는 엔티티 이름(Entity Name) 또는 숫자 코드(Number Code) 두 가지 방식으로 표현할 수 있습니다.
| 기호 | 설명 | 엔티티 이름 | 숫자 코드 |
|---|---|---|---|
| " | 큰따옴표 (quotation mark) | " | " |
| ' | 작은따옴표 (apostrophe) | ' | ' |
| & | 앰퍼샌드 (ampersand) | & | & |
| < | 보다 작음 (less-than) | < | < |
| > | 보다 큼 (greater-than) | > | > |
사용 예시
예를 들어, 화면에 "<p> 태그는 문단을 나타냅니다"라고 출력하고 싶다면 다음과 같이 작성합니다.
<p> 태그는 문단을 나타냅니다
이렇게 하면 브라우저가 이를 태그로 해석하지 않고, 화면에 <p>라는 텍스트 그대로 표시하게 됩니다.
엔티티 이름 vs 숫자 코드
두 방식 모두 동일한 결과를 출력하지만, 각각 장단점이 있습니다.
엔티티 이름은 직관적이고 기억하기 쉬워 코드 가독성이 좋습니다. 반면 숫자 코드는 유니코드 전체 범위의 문자를 표현할 수 있어 더 폭넓게 활용할 수 있습니다. 참고로 엔티티 이름 중 '는 HTML5에서 도입되었으므로, 구형 환경 호환성이 필요하다면 숫자 코드 '를 사용하는 것이 안전합니다.