📌 HTML 엔티티(Entity) 무엇인가?! 👀

HTML 엔티티(Entity) 소개

---

엥 이게 왜 입력이 안되지?!

벨로그를 작성하거나 readme.md 파일을 마크다운으로 작성할 때 태그 또는 심볼(symbol)을 입력해야 할 때가 있는데요.

작성해보면 나타나지 않습니다. 이런 걸 예약어(reserved characters)라고 합니다. 즉, html에서 사용하도록 예약되어 있다는 뜻입니다.

만약 >(꺽새?) 기호를 html에서 나타내고자 하는 경우 html에서는 이것을 태그로 인식합니다. 그래서 우리가 입력해도 제대로 출력하지 못합니다.(html 바보😜)

그래서 이것을 나타내려면 특정한 규칙을 따라야하죠!
파이썬이나 JS에서 이스케이프 구문과 비슷합니다.

사용법

---

&(엠퍼샌드)로 시작하고 ;(세미콜론)으로 끝나게 작성

단어	엔티티	설명
&	&	엔티티 또는 예약어 시작으로 해석됨!
<	&lt;	태그의 시작으로 해석됨!
>	&gt;	태그의 끝으로 해석됨!
"	&quot;	속성 값의 시작과 끝으로 해석됨!

이렇게 html에서는 엔티티를 통해 특정 예약어들을 나타냅니다.

심볼(Symbol) 특수문자 또한 나타낼 수 있습니다!

심볼	엔티티	설명
¢	¢	센트
£	£	파운드화
¥	¥	엔화
€	€	유로화
©	©	저작권
®	®	등록상표
×	×	곱셈
÷	÷	나눗셈

이외에도 수많은 특수기호들도 사용이 가능합니다!
이런 기호들을 사용해야 할 때 찾아서 쓰면 됩니다.
자주 쓰는 것들은 외워두면 편하겠죠?!

이상으로 오늘은 HTML에서 예약어나 심볼, 특수기호를 나타내고 싶을 때 쓸 수 있는 엔티티에 대해 알아보았습니다.

참고자료
https://html.spec.whatwg.org/multipage/named-characters.html#named-character-references

http://www.tcpschool.com/html/html_text_entities

https://developer.mozilla.org/en-US/docs/Glossary/Entity