엔티티(entity) 문자는 예약어라고도 하며,
웹브라우저에서 예약된 문자를 표시하기 위해 사용한다.
※ 예를 들어 ..보다 작음의 기호로 (<)를 표시할 때는 < 를 사용하며, 혹은 <을 쓰기도 한다.
또한, 공백을 위해서는 와 같이 적는다.
※ 가장 많이 사용하는 것 몇가지는 아래 표를 참고하도록 한다.
표시 | 설명 | 엔티티이름 | 숫자 |
공백 | 띄어쓰기 | |   |
< | 작다 | < | < |
> | 크다 | > | > |
& | _와(과) ampersand | & | & |
€ | 파운드 | £ | £ |
¢ | 센트 | ¢ | ¢ |
© | 카피라이트 | © | © |
® | 등록 | ® | ® |
™ | 트레이드마크 | ™ | ™ |
← | 좌로 화살표 | ← | ← |
↑ | 위로 화살표 | ↑ | ↑ |
→ | 우로 화살표 | → | → |
↓ | 아래로 화살표 | ↓ | ↓ |
※ 여기서 엔티티 이름은 대소문자를 구분하므로 위의 내용대로 사용한다.
이모티콘은 UTF-8 문자 집합의 문자이며, 이미지나 아이콘이 아닌, UTF-8(유니코드) 문자이다.
UTF-8은 세계의 거의 모든 문자와 기호를 다루는 문자세트이다.
<head>의 자식으로 <meta charset="UTF-8">를 지정하는데, 적지 않으면 기본적(UTF-8)으로 적용된다.
키보드에는 없지만, 숫자(엔터티번호)를 사용하여 표시할 수 있는데,
전세계적으로 키보드의 자판 위치가 다르기 때문에 각 키보드 자리마다 코드를 가지고 있다고 보면 된다.
※ 예를 들면,
- A는 A
- B는 B
- C는 C
으로 표기한다.
※ 이모티콘은 UTF-8 알파벳 문자이기도 하다.
※ 예를 들면,
- 😄는 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 |