HTML 주요 특수문자 정리 및 엔티티(Entity) 코드 사용법
HTML에서 특수문자를 사용하거나 표현하는 일은 매우 자주 발생합니다. 엔티티(Entity) 코드는 다양한 기호들을 정확하게 표현하기 위한 필수 요소입니다. 이 글에서는 웹 페이지에서 표현해야 하는 다양한 특수문자를 쉽게 사용할 수 있는 HTML 엔티티 코드와 주요 특수문자에 대해서 알아보겠습니다.
1. HTML 특수문자란?
HTML에서 특수문자는 기본 텍스트에 포함되지 않은 기호, 문자, 악센트 등을 의미합니다. 예를 들어 상표권을 나타내는 ™나 저작권을 나타내는 ©와 같은 문자가 이에 해당합니다.
2. HTML 엔티티 코드 사용법
HTML에서 특수문자를 사용하려면 엔티티(Entity) 코드를 활용해야 합니다. 엔티티 코드는 특수문자를 나타내는 고유한 문자열로 일반적으로 &로 시작하고 ;로 끝납니다. 엔티티 코드는 대소문자를 구분하므로 주의해서 사용해야 합니다.
1. 예제 코드
<!DOCTYPE html>
<html>
<head>
<title>HTML 엔티티 코드 사용 예시</title>
</head>
<body>
<!-- 예시 1. 저작권 기호 ©를 표시하려면 엔티티 코드 © 사용 -->
<p>Copyright 2023. All rights reserved. ©</p>
<!-- 예시 2. 특수문자를 사용하여 HTML 코드를 표시하려면 엔티티 코드 사용 -->
<p><p>안녕하세요. "BlueShare블로그" 입니다.</p></p>
</body>
</html>2. 실행 결과 화면
3. 주요 특수문자 엔티티 코드 정리
다음 표에서는 HTML에서 자주 사용되는 주요 특수문자와 그에 해당하는 엔티티 코드를 확인할 수 있습니다.
▼ 주요 특수문자 엔티티 코드
| 문자 | 엔티티 이름 | 숫자 코드 |
|---|---|---|
| & | & | & |
| < | < | < |
| > | > | > |
| “ | " | " |
| ‘ | ' | ' |
| © | © | © |
| ® | ® | ® |
| ™ | ™ | ™ |
| € | € | € |
| £ | £ | £ |
☞ 이 글에서 다룬 주요 특수문자와 엔티티 코드 외에도 많은 특수문자와 기호들이 있습니다. 더 많은 엔티티 코드를 확인하려면 W3C(World Wide Web Consortium)의 공식 웹사이트를 참조하시면 됩니다. 다음 링크에서 엔티티 코드에 대한 전체 목록을 확인할 수 있습니다.
관련 이전 게시글
- HTML 기본 용어(태그, 요소, 속성, 주석) 및 작성 방법
- HTML 시맨틱 태그 종류, 웹 페이지 레이아웃 구성 예제
- HTML 글자(텍스트) 관련 태그 정리 vs 티스토리 에디터
- HTML 하이퍼링크 삽입하기 – a 태그
- HTML 인라인(inline) 태그 vs 블록(block) 태그 비교 및 종류
이 글이 도움이 되셨다면 공유를 부탁 드립니다. 다음 글에서 뵙겠습니다!
