엔터티 (Entity)
**엔터티(Entity)**는 앰퍼샌드(&)로 시작하고 세미콜론(;)으로 끝나는 텍스트 조각('문자열')입니다. 엔터티는 예약된 문자(HTML 코드로 해석됨)와 보이지 않는 문자(예, 줄바꿈 없는 공백)를 표시하는 데 자주 사용됩니다. 표준 키보드로 입력하기 어려운 다른 문자 대신 사용할 수도 있습니다.
javascript에서 처리
DB에 & 기호가 인코딩된 형태로 저장되어 있다고 가정하면, javascript에서 아래와 같이 처리할 수 있습니다다.
let str = 'A&B';
console.log( decodeURI(str) ); // A&B - 디코딩
console.log( str.replace(/&/g, '&') ); // A&B - & 기호만 처리
예약된 HTML 특수문자 리스트
| 표현문자 | 숫자표현 | 문자표현 | 설명 |
| - | �- | - | 사용하지 않음 |
| space | 	 | - | 수평탭 |
| space | | - | 줄 삽입 |
| - | - | - | 사용하지 않음 |
| space |   | - | 여백 |
| ! | ! | - | 느낌표 |
| " | " | " | 따옴표 |
| # | # | - | 숫자기호 |
| $ | $ | - | 달러 |
| % | % | - | 백분율 기호 |
| & | & | & | Ampersand |
| ' | ' | - | 작은 따옴표 |
| ( | ( | - | 왼쪽 괄호 |
| ) | ) | - | 오른쪽 괄호 |
| * | * | - | 아스트릭 |
| + | + | - | 더하기 기호 |
| , | , | - | 쉼표 |
| - | - | - | Hyphen |
| . | . | - | 마침표 |
| / | / | - | Solidus (slash) |
| 0 - 9 | 0-9 | - | 0부터 9까지 |
| : | : | - | 콜론 |
| ; | ; | - | 세미콜론 |
| < | < | < | 보다 작은 |
| = | = | - | 등호 |
| > | > | > | 보다 큰 |
| ? | ? | - | 물음표 |
| @ | @ | - | Commercial at |
| A - Z | A-Z | - | A부터 Z까지 |
| [ | [ | - | 왼쪽 대괄호 |
| \ | \ | - | 역슬래쉬 |
| ] | ] | - | 오른쪽 대괄호 |
| ^ | ^ | - | 탈자부호 |
| _ | _ | - | 수평선 |
| ` | ` | - | Acute accent |
| a - z | a-z | - | a부터 z까지 |
| { | { | - | 왼쪽 중괄호 |
| | | | | - | 수직선 |
| } | } | - | 오른쪽 중괄호 |
| ~ | ~ | - | 꼬리표 |
| - | -Ÿ | - | 사용하지 않음 |
|   | | Non-breaking space | |
| ¡ | ¡ | ¡ | 거꾸로된 느낌표 |
| ￠ | ¢ | ¢ | 센트 기호 |
| ￡ | £ | £ | 파운드 |
| ¤ | ¤ | ¤ | 현재 환율 |
| ￥ | ¥ | ¥ | 엔 |
| | | ¦ | ¦ | 끊어진 수직선 |
| § | § | § | 섹션 기호 |
| ¨ | ¨ | ¨ | 움라우트 |
| ⓒ | © | © | 저작권 |
| ª | ª | ª | Feminine ordinal |
| ≪ | « | « | 왼쪽 꺾인 괄호 |
| ￢ | ¬ | ¬ | 부정 |
| | ­ | ­ | Soft hyphen |
| ? | ® | ® | 등록상표 |
| &hibar; | ¯ | ¯ | Macron accent |
| ° | ° | ° | Degree sign |
| ± | ± | ± | Plus or minus |
| ² | ² | ² | Superscript two |
| ³ | ³ | ³ | Superscript three |
| ´ | ´ | ´ | Acute accent |
| μ | µ | µ | Micro sign (Mu) |
| ¶ | ¶ | ¶ | 문단기호 |
| · | · | · | Middle dot |
| ¸ | ¸ | ¸ | Cedilla |
| ¹ | ¹ | ¹ | Superscript one |
| º | º | º | Masculine ordinal |
| ≫ | » | » | 오른쪽 꺾인 괄호 |
| ¼ | ¼ | ¼ | 4분의 1 |
| ½ | ½ | ½ | 2분의 1 |
| ¾ | ¾ | ¾ | 4분의 3 |
| ¿ | ¿ | ¿ | 거꾸로된 물음표 |
| A | À | À | Capital A, grave accent |
| A | Á | Á | Capital A, acute accent |
| A | Â | Â | Capital A, circumflex accent |
| A | Ã | Ã | Capital A, tilde |
| A | Ä | Ä | Capital A, dieresis or umlaut mark |
| A | Å | Å | Capital A, ring (Angstrom) |
| Æ | Æ | Æ | Capital AE diphthong (ligature) |
| C | Ç | Ç | Capital C, cedilla |
| E | È | È | Capital E, grave accent |
| E | É | É | Capital E, acute accent |
| E | Ê | Ê | Capital E, circumflex accent |
| E | Ë | Ë | Capital E, dieresis or umlaut mark |
| I | Ì | Ì | Capital I, grave accent |
| I | Í | Í | Capital I, acute accent |
| I | Î | Î | Capital I, circumflex accent |
| I | Ï | Ï | Capital I, dieresis or umlaut mark |
| Ð | Ð | Ð | Capital Eth, Icelandic |
| N | Ñ | Ñ | Capital N, tilde |
| O | Ò | Ò | Capital O, grave accent |
| O | Ó | Ó | Capital O, acute accent |
| O | Ô | Ô | Capital O, circumflex accent |
| O | Õ | Õ | Capital O, tilde |
| O | Ö | Ö | Capital O, dieresis or umlaut mark |
| × | × | × | Multiply sign |
| Ø | Ø | Ø | width="130"Capital O, slash |
| U | Ù | Ù | Capital U, grave accent |
| U | Ú | Ú | Capital U, acute accent |
| U | Û | Û | Capital U, circumflex accent |
| U | Ü | Ü | Capital U, dieresis or umlaut mark |
| Y | Ý | Ý | Capital Y, acute accent |
| Þ | Þ | Þ | Capital Thorn, Icelandic |
| ß | ß | ß | Small sharp s, German (sz ligature) |
| a | à | à | Small a, grave accent |
| a | á | á | Small a, acute accent |
| a | â | â | Small a, circumflex accent |
| a | ã | ã | Small a, tilde |
| a | ä | ä | Small a, dieresis or umlaut mark |
| a | å | å | Small a, ring |
| æ | æ | æ | Small ae diphthong (ligature) |
| c | ç | ç | Small c, cedilla |
| e | è | è | Small e, grave accent |
| e | é | é | Small e, acute accent |
| e | ê | ê | Small e, circumflex accent |
| e | ë | ë | Small e, dieresis or umlaut mark |
| i | ì | ì | Small i, grave accent |
| i | í | í | Small i, acute accent |
| i | î | î | Small i, circumflex accent |
| i | ï | ï | Small i, dieresis or umlaut mark |
| ð | ð | ð | Small eth, Icelandic |
| n | ñ | ñ | Small n, tilde |
| o | ò | ò | Small o, grave accent |
| o | ó | ó | Small o, acute accent |
| o | ô | ô | Small o, circumflex accent |
| o | õ | õ | Small o, tilde |
| o | ö | ö | Small o, dieresis or umlaut mark |
| ÷ | ÷ | ÷ | Division sign |
| ø | ø | ø | Small o, slash |
| u | ù | ù | Small u, grave accent |
| u | ú | ú | Small u, acute accent |
| u | û | û | Small u, circumflex accent |
| u | ü | ü | Small u, dieresis or umlaut mark |
| y | ý | ý | Small y, acute accent |
| þ | þ | þ | Small thorn, Icelandic |
| y | ÿ | ÿ | Small y, dieresis or umlaut mark |
'코딩 > HTML & CSS' 카테고리의 다른 글
| 티스토리 코드블럭에 라인넘버 적용(highlightjs-line-numbers) (0) | 2022.08.10 |
|---|---|
| HTML 파일에서 SVG 파일 내의 엘리먼트 다루기 (0) | 2022.07.19 |
| pageable 풀페이지 구획별로 다르게 적용하기 (0) | 2022.07.15 |
| css만으로 SVG 이미지 애니메이션 효과 적용하기 (0) | 2022.07.01 |
| 글자수 길이 제한 (0) | 2016.08.22 |
