HTML 주요 특수문자 정리 및 엔티티(Entity) 코드 사용법

HTML에서 특수문자를 사용하거나 표현하는 일은 매우 자주 발생합니다. 엔티티(Entity) 코드는 다양한 기호들을 정확하게 표현하기 위한 필수 요소입니다. 이 글에서는 웹 페이지에서 표현해야 하는 다양한 특수문자를 쉽게 사용할 수 있는 HTML 엔티티 코드와 주요 특수문자에 대해서 알아보겠습니다.

1. HTML 특수문자란?

HTML에서 특수문자는 기본 텍스트에 포함되지 않은 기호, 문자, 악센트 등을 의미합니다. 예를 들어 상표권을 나타내는 ™나 저작권을 나타내는 ©와 같은 문자가 이에 해당합니다.

2. HTML 엔티티 코드 사용법

HTML에서 특수문자를 사용하려면 엔티티(Entity) 코드를 활용해야 합니다. 엔티티 코드는 특수문자를 나타내는 고유한 문자열로 일반적으로 &로 시작하고 ;로 끝납니다. 엔티티 코드는 대소문자를 구분하므로 주의해서 사용해야 합니다.

1. 예제 코드

<!DOCTYPE html>
<html>
<head>
    <title>HTML 엔티티 코드 사용 예시</title>
</head>
<body>

    <!-- 예시 1. 저작권 기호 ©를 표시하려면 엔티티 코드 &copy; 사용 -->
    <p>Copyright 2023. All rights reserved. &copy;</p>

    <!-- 예시 2. 특수문자를 사용하여 HTML 코드를 표시하려면 엔티티 코드 사용 -->
    <p>&lt;p&gt;안녕하세요. &quot;BlueShare블로그&quot; 입니다.&lt;/p&gt;</p>

</body>
</html>

2. 실행 결과 화면

3. 주요 특수문자 엔티티 코드 정리

다음 표에서는 HTML에서 자주 사용되는 주요 특수문자와 그에 해당하는 엔티티 코드를 확인할 수 있습니다.

▼ 주요 특수문자 엔티티 코드

문자	엔티티 이름	숫자 코드
&	&	&
<	<	<
>	>	>
“	"	"
‘	'	'
©	©	©
®	®	®
™	™	™
€	€	€
£	£	£

☞ 이 글에서 다룬 주요 특수문자와 엔티티 코드 외에도 많은 특수문자와 기호들이 있습니다. 더 많은 엔티티 코드를 확인하려면 W3C(World Wide Web Consortium)의 공식 웹사이트를 참조하시면 됩니다. 다음 링크에서 엔티티 코드에 대한 전체 목록을 확인할 수 있습니다.