[HTML] Entity Code

안녕하세요. 이번 포스팅에서는 시멘틱 요소와 엔티티 코드에 대해 알아보려고 합니다.

 

다른 C, R, Python와 같은 프로그래밍 언어를 접해본적이 있다면 해당 프로그래밍에서는 변수명으로 사용할 수 없는 예약어들이 존재하는 것을 알고 계실텐데요.

 

HTML에서도 예약된 문자(기호)들은 특수한 용도로 사용하고 있어서 해당 문자를 웹 페이지에서 나타내고 싶으면 다른 방법이 필요합니다.

이럴 때 사용하는 코드를 엔티티 코드(Entity Code)라고 하며 이러한 용도 외에도 저작권 기호, 다이아몬드, 십자가, 화살표와 같은 기호를 나타낼 때도 사용합니다.

 

예를 들면 "<"나 ">"와 같은 기호들은 태그를 구성하고 있어서 HTML에서는 예약어로 사용되고 있습니다.

하지만 "<"나 ">"와 같은 기호를 웹 페이지 내부에서 나타내야 하는 순간이 생기는데 이럴때는 &lt; &gt;와 같이 사용해야 하는데요!

 

이처럼 엔티티 코드는 &entity_name; 또는 $entity_number; 으로 사용합니다

 

간단한 예시를 통해 엔티티 코드를 확인하여 봅시다.

    <p> <img>는 이미지를 나타내는 요소입니다.  </p>

    <p> &lt;img&gt;는 이미지를 나타내는 요소입니다.  </p>

이처럼 예약어를 웹 페이지에서 직접적으로 보이기 위해서는 엔티티 코드를 사용해야하며 그렇지 않은 경우에는 오류가 생길 수 있습니다..!

 

마지막으로 유명한 엔티티 코드는 다음과 같습니다.

 

• 탭과 같은 역할 : &nbsp; 
• < : &lt;
• > : &gt;
• & : &amp;
• 하트 : &hearts;
• 저작권기호 : &reg;

참고로 https://html.spec.whatwg.org/multipage/named-characters.html 에서 더 많은 엔티티 코드를 확인할 수 있습니다.