[HTML] 특수 문자( , <, ©) 정리 – HTML Entities 모음
HTML에서 특수 문자(HTML Entities)는 코드 상으로 직접 입력이 불가능하거나,
입력 시 문제가 생길 수 있는 문자를 &코드;
형태로 작성하는 방식입니다.
예를 들어, <
는 “작다(<)” 기호를 의미하고,
©
는 저작권 표시인 “©”로 표시됩니다.
이 글에서는 자주 사용되는 특수 문자와 엔티티 코드를 정리해드릴게요.
✅ 기본 특수 문자 모음
문자 | Entity 코드 | 의미 |
---|---|---|
& | & |
앰퍼샌드 (&) |
< | < |
작다 (<) |
> | > |
크다 (>) |
" | " |
큰따옴표 (") |
' | ' |
작은따옴표 (') |
|
공백 (Non-breaking space) |
✅ 기호/문자 관련 Entity 코드
문자 | Entity 코드 | 의미 |
---|---|---|
© | © |
저작권 (©) |
® | ® |
등록상표 (®) |
€ | € |
유로 화폐 (€) |
¥ | ¥ |
엔 화폐 (¥) |
¢ | ¢ |
센트 기호 (¢) |
© | © |
숫자 코드로 표현한 저작권 기호 |
✅ 이모지 & 유니코드 특수문자 (참고)
😀
😊
→ 😊
형태는 유니코드 16진수 표현입니다.
HTML에서도 이모지 사용 가능하지만, 폰트 호환성을 고려해야 합니다.
✅ 실무에서 자주 쓰이는 케이스
- HTML 코드 그대로 보여주고 싶을 때: <div>Hello</div>
- 문장 중간에 공백 유지: Hello World!
- 텍스트에 기호 삽입: © 2025 Bok Corp.
📌 마무리
HTML 특수 문자는 웹에서 코드 충돌 없이 특수 기호를 표현할 수 있게 도와주는 기능입니다.
특히 HTML/CSS/JS를 블로그나 포트폴리오에 보여줄 때 꼭 필요한 요소이기도 하죠.
도움이 되셨다면 공감 / 댓글 부탁드립니다 😊
반응형
'프로그래밍 > Html' 카테고리의 다른 글
[HTML] <form> 안에서 <section>과 <fieldset> 병행 사용하는 법 (0) | 2025.03.26 |
---|---|
[HTML] <fieldset>과 <legend>로 폼 그룹화하기 (0) | 2025.03.26 |
[HTML] placeholder vs label – 언제 어떤 걸 써야 할까? (0) | 2025.03.26 |
[Html] Image HyperLink (0) | 2019.01.10 |