본문 바로가기

UIUX Web Standard/COA Lab's HTML

entity와 Emoji (엔티티와 이모티콘)

엔티티(entity) 문자는 예약어라고도 하며,

웹브라우저에서 예약된 문자를 표시하기 위해 사용한다.

 

※ 예를 들어 ..보다 작음의 기호로 (<)를 표시할 때는 &lt; 를 사용하며, 혹은 &#60;을 쓰기도 한다.

   또한, 공백을 위해서는 &nbsp; 와 같이 적는다.

※ 가장 많이 사용하는 것 몇가지는 아래 표를 참고하도록 한다. 

표시 설명 엔티티이름 숫자
공백 띄어쓰기 &nbsp; &#160;
< 작다 &lt; &#60;
> 크다 &gt; &#62;
& _와(과) ampersand &amp; &#38;
파운드 &pound; &#163;
¢ 센트 &cent; &#162;
© 카피라이트 &copy; &#169;
® 등록 &reg; &#174;
트레이드마크 &trade; &#8482;
좌로 화살표 &larr; &#8592;
위로 화살표 &uarr; &#8593;
우로 화살표 &rarr; &#8594;
아래로 화살표 &darr; &#8595;

※ 여기서 엔티티 이름은 대소문자를 구분하므로 위의 내용대로 사용한다. 


이모티콘은 UTF-8 문자 집합의 문자이며, 이미지나 아이콘이 아닌, UTF-8(유니코드) 문자이다. 

UTF-8은 세계의 거의 모든 문자와 기호를 다루는 문자세트이다.

<head>의 자식으로 <meta charset="UTF-8">를 지정하는데, 적지 않으면 기본적(UTF-8)으로 적용된다. 

키보드에는 없지만, 숫자(엔터티번호)를 사용하여 표시할 수 있는데, 

전세계적으로 키보드의 자판 위치가 다르기 때문에 각 키보드 자리마다 코드를 가지고 있다고 보면 된다. 

※ 예를 들면,

  • A는 &#65;
  • B는 &#66;
  • C는 &#67;

으로 표기한다. 

이모티콘은 UTF-8 알파벳 문자이기도 하다.

※ 예를 들면,

  • 😄는 128516
  • 😍는 128525
  • 💗은 128151

작성은 &#128512; &#128516; &#128525; &#128151; 이렇게 한다. 

또한, 위와 같은 숫자코드를 가지고 있다. 이는 문자이므로 html의 다른 문자처럼 css로 크기조정이 가능하다. 

 

'UIUX Web Standard > COA Lab's HTML' 카테고리의 다른 글

semantic tag  (0) 2021.01.20
form 요소  (0) 2021.01.20
기본태그연습  (0) 2021.01.19
텍스트 요소  (0) 2021.01.19
a태그와 table태그 연습  (0) 2021.01.19