반응형
HTML를 통해서 웹의 UI화면과 내용을 넣다보면, 특수 문자를 입력하는 방법에 다양한 방법들이 있답니다.
HTML 파일의 File type 포멧을 UTF-8을 이용해서 해당 문자로 입력하는 방법도 있고,
개인적으로 많이 사용하는 코드는 HTML ENTITY코드를 사용하는 방법입니다.
보통 Empty Space(공백)을 입력할때, 와 같은 HTML Entity를 사용하는데.
저는   형식으로 HTML CODE를 값을 자주 사용합니다.
화폐 단위 표시나,
1/4과 같은 문자 표시나 자주 사용되는 항목들의 코드값을 정리해둔 사이트가 있어서 남겨둡니다.
¼ 쿼터의 표시의 경우, ¼를 사용하면 이쁘게 표시가 됩니다.
ⅆ ⅉ (dj문자값 ⅆ ⅉ)
♻ (리사이클♻)
다양한 문자 코드를 이용해서, 디자인 없이도 간단한 이쁜(?) 타이포 디자인이 가능합니다.
https://www.toptal.com/designers/htmlarrows/numbers/
HTML Number Symbols, Entities and Codes — Toptal Designers
Easily find HTML number symbols, entities, characters and codes with ASCII, HEX, CSS and Unicode values; including integers, fractions, Roman numerals and more.
www.toptal.com
반응형
'Web > WEB기본' 카테고리의 다른 글
| [HTML5] video / audio onloadeddata 로딩완료 이벤트 - 비디오 자동 재생하기 (0) | 2022.01.07 |
|---|---|
| [CSS] display: 속성으로 여러개의 li 한줄로 표시하기(메뉴 버튼 처럼) (0) | 2021.02.19 |
| [CSS] <ul>과 <ol>안의 <li>앞에 나오는 점과 숫자 표시 없애기 (0) | 2020.06.19 |
| [html] HTML 페이지 로딩시 <input>에 커서 자동으로 가기 (0) | 2020.05.14 |
| HTTP "Basic" URL Param 인증 방식 쉽게하기 + wget에서 인증하기 (0) | 2020.01.17 |
| [CSS] CSS 를 사용한 프린트시 페이지 나눔 처리 방법 page-break-after: always; (0) | 2019.10.30 |
| [CSS] 부모 객체의 색상을 그대로 사용하는 color:inherit; 속성값 (0) | 2019.10.03 |
| [html5] input 객체의 type별 형태 (tel 모바일 숫자 Kepad로 변경) (0) | 2019.09.24 |
도움이 되셨다면 하트모양의 "♡ 공감"을 눌러주시면 큰 격려가 됩니다.
(로그인하지 않으셔도 가능)
(로그인하지 않으셔도 가능)