html 특수문자 코드표 (Entity code) (+엔티티 모음 링크)

HTML 엔티티(Entity)란?

HTML 문서를 작성할 때  마크업과 충돌하는 것을 방지하고 브라우저가 문자열을 해석하는데 혼란을 막기 위해 특정 문자열을 예약어(reserved characters)로 지정한 문자셋을 말한다.

 

따서 태그와 혼용될 수 있는 아래와 같은 특수문자는 엔티티로 사용해야 한다.

 

이미지 출처: https://miaow-miaow.tistory.com/56

 

그런데 이외에도 특수문자는 너무나도 많은데, 이들도 다 엔티티로 써야 할까?🤔

 

요즘에는 html에 특수문자를 그대로 입력하여도 깨진다거나 보이지 않거나 하지는 않는다고 한다.

그러나 특수문자를 그대로 작성하는 경우, W3C Validator는 해당 특수문자를 오류로 인식한다고 하니 엔티티로 사용하는 것을 지향하는것이 좋겠다.

 

 

+ 추가

엔티티가 생각보다 다양한데다가 입력과 편집도 수월하다보니 아이콘으로 사용하기도 좋다.

그래서 간단한 아이콘이 필요할 때, 아이콘 이미지나 웹아이콘 사이트를 찾아보기 전에 엔티티 표부터 찾아보게 됐다.

아래는 내가 참고하는 엔티티 페이지다.

 

 

🤣 HTML 문자 엔티티 모음 (생각 안날 때 꼭필요 ㅋㅋ)

HTML Character Entities

 

😙 꾸미기 & 아이콘으로 쓰기 좋은 다양한 엔티티를 모음

Icons and Symbols - 𝗛𝗧𝗠𝗟 𝗖𝗛𝗔𝗥𝗔𝗖𝗧𝗘𝗥 𝗖𝗢𝗗𝗘 𝗣𝗜𝗖𝗞𝗘𝗥