자주 쓰는 특수문자를 HTML에서 쉽게 사용할 수 있는 방법으로는 &로 열고 엔티티 코드 이름을 적은 뒤에 ;로 닫으면 해당 문자를 사용할 수 있다. 한번 외워두면 다양한 웹페이지를 구성할 때, 매우 쉽게 사용할 수 있으니 자주 쓰는 문자코드는 꼭 외워두는 것이 좋다. 특히 세로 바(Vertical Bar)는 몰라서 못쓰는 경우가 많으니, 영문으로 쓰지 말고 문자로 쓰는 것이 폰트가 달라졌을 경우를 대비하여 중요한 요소라고 할 수 있다.
캐릭터 |
엔티티 이름 |
엔티티 번호 |
기술 |
& nbsp; |
& # 160; |
줄 바꿈하지 않는 공백을 삽입합니다. |
|
& |
& amp; |
& # 38; |
앰퍼샌드 |
" |
& quot; |
& # 34; |
따옴표 |
© |
© |
& # 169; |
저작권 기호 |
® |
& reg; |
& # 174; |
등록 된 기호 |
™ |
™ |
& # 153; |
상표 기호 |
" |
& ldquo; |
& # 147; |
오프닝 큰 따옴표 |
" |
& rdquo; |
& # 148; |
닫는 큰 따옴표 |
' |
& lsquo; |
& # 145; |
단일 인용 부호 열기 |
' |
& rsquo; |
& # 146; |
작은 따옴표 닫기 |
« |
& laquo; |
& # 171; |
각도 따옴표 (왼쪽) |
» |
& raquo; |
& # 187; |
각도 따옴표 (오른쪽) |
< |
& lsaquo; |
& # 8249; |
단일 왼쪽 각도 따옴표 |
> |
& rsaquo; |
& # 8250; |
단일 직각 인용 |
§ |
§ |
& # 167; |
섹션 심볼 |
¶ |
& amp; |
& # 182; |
단락 기호 |
• |
· |
& # 149; |
큰 목록 도트 |
· |
& middot; |
& # 183; |
중간 목록 점 |
... |
& hellip; |
& # 8230; |
수평 줄임표 |
| |
& # 124; |
수직 바 |
|
| |
& brvbar; |
& # 166; |
깨진 세로 막대 |
- |
& ndash; |
& # 150; |
엉덩이 대시 |
- |
& mdash; |
& # 151; |
Em-Dash |
캐릭터 |
엔티티 이름 |
엔티티 번호 |
기술 |
← |
& larr; |
& # 8592; |
왼쪽 화살표 |
↑ |
& uarr; |
& # 8593; |
위쪽 화살표 |
→ |
& rarr; |
& # 8594; |
오른쪽 화살표 |
↓ |
& darr; |
& # 8595; |
아래쪽 화살표 |
↔ |
& harr; |
& # 8596; |
왼쪽 오른쪽 화살표 |
↵ |
& crarr; |
& # 8629; |
캐리지 리턴 화살표 |
├ |
& lceil; |
& # 8968; |
왼쪽 천장 |
⌉ |
& rceil; |
& # 8969; |
천장 |
क |
& lfloor; |
& # 8970; |
왼쪽 층 |
⌋ |
& rfloor; |
& # 8971; |
오른쪽 층 |
캐릭터 |
엔티티 이름 |
엔티티 번호 |
기술 |
♠ |
♠ |
& # 9824; |
스페이드 |
♣ |
♣ |
& # 9827; |
클럽 |
♥ |
♥ |
& # 9829; |
심장 |
♦ |
& diams; |
& # 9830; |
다이아몬드 |
◊ |
& loz; |
& # 9674; |
마름모꼴 |
† |
† |
& # 8224; |
단검 |
‡ |
‡ |
& # 8225; |
이중 대거 |
¡ |
& iexcl; |
& # 161; |
거꾸로 된 느낌표 |
¿ |
& iquest; |
& # 191; |
거꾸로 된 물음표 |
엔티티코드 한번에 보기
'Web Design' 카테고리의 다른 글
에디트플러스 (Edit Plus) 설치 및 FTP 연결방법 (0) | 2020.05.19 |
---|---|
MySQL 그누보드 관리자 계정찾기(아이디/비밀번호) (0) | 2020.05.18 |
나눔스퀘어 웹폰트의 치명적인 문제점(한자표기) (0) | 2020.05.15 |
나눔스퀘어 폰트 깨짐 현상과 웹폰트 활용방법 (0) | 2020.05.15 |
CSS/HTML 미리보기 편집기 웹사이트 'CSSDESK' (0) | 2020.05.14 |
트와이스 여성팬사이트 'Want' (0) | 2020.03.27 |
유튜브 화면 일러스트(.AI) 소스·Source (0) | 2019.12.04 |
이미지를 짜르지 않고 배경화면의 커버속성을 썸네일에 적용하는 방법 (0) | 2019.11.09 |