HTML 엔티티 코드 정리
웹 퍼블리싱을 하다 보면 HTML 코드 안에 <, >, &, " 같은 특수문자를 사용할 일이 많습니다. 하지만 이 문자들은 브라우저가 HTML 태그로 오해할 수 있기 때문에 엔티티 코드(Entity Code)를 사용해야 올바르게 표현할 수 있습니다. 이 글에서는 자주 사용하는 HTML 엔티티 코드와 활용 예제, 그리고 SEO(검색엔진 최적화) 측면에서의 장점까지 한눈에 정리해드립니다.
자주 사용하는 HTML 엔티티 코드
퍼블리싱 실무에서 가장 자주 쓰는 특수기호는 <, >, &, ©입니다. 그 외의 특수기호는 저작권 표기, 통화기호, 수학기호 등을 표현할 때 간헐적으로 사용되며, 대다수의 웹페이지에서는 자주 등장하지 않습니다. 특히 HTML 구조가 깨지지 않도록 해야 하는 <, >, &는 필수적으로 엔티티 코드를 사용하는 습관을 들이는 것이 좋습니다.
| 기호 | 엔티티 코드 | 설명 |
|---|---|---|
& |
& |
앰퍼샌드 (Ampersand) |
< |
< |
왼쪽 꺾쇠 괄호 (Less Than) |
> |
> |
오른쪽 꺾쇠 괄호 (Greater Than) |
" |
" |
큰따옴표 (Double Quote) |
' |
' |
작은따옴표 (Single Quote) |
© |
© |
저작권 기호 (Copyright) |
® |
® |
등록 상표 기호 (Registered Trademark) |
™ |
™ |
상표 기호 (Trademark) |
€ |
€ |
유로화 기호 |
£ |
£ |
파운드화 기호 |
¥ |
¥ |
엔화 기호 |
§ |
§ |
절(section) 기호 |
° |
° |
도(degree) 기호 |
± |
± |
플러스마이너스 기호 |
× |
× |
곱하기 기호 |
÷ |
÷ |
나누기 기호 |
|
|
공백 (Non-breaking space) |
HTML 엔티티 코드와 SEO의 관계
HTML 엔티티 코드는 단순히 태그 충돌을 막기 위한 도구가 아닙니다. 웹페이지에서 콘텐츠가 명확하게 렌더링되도록 하여 검색엔진 크롤러가 텍스트를 정확히 인식하게 해줍니다. 이는 콘텐츠의 신뢰도와 전문성을 높이고, SEO 측면에서도 긍정적인 영향을 미칩니다.
특히 코드 예제, 수학 기호, 저작권 관련 표기 등을 정확히 표현할 때 엔티티 코드를 사용하면 사용자 경험 향상과 함께 검색 결과에서의 가시성도 높아질 수 있습니다.
마무리 요약
- 퍼블리싱 시
<,>,&는 필수로 엔티티 코드 사용! - 마크다운 문서에서도 자유롭게 사용 가능
- 콘텐츠 명확성 = SEO 향상 = 더 많은 유입
- 실무자라면 기본 엔티티 코드는 암기 추천 👍
'Tech > HTML & 접근성' 카테고리의 다른 글
| 센스리더 사용법 정리 (0) | 2018.07.30 |
|---|