티스토리 뷰

HTML

엔티티 코드 - Entity Code

gwni0214 2022. 2. 10. 17:58

 

 

엔티티코드란?

HTML 예약 문자나 특수 문자를 쓸 때 사용 합니다.

엔티티 코드를 사용하는 이유는 컴퓨터가 문서를 읽어들일 때 예약문자와 문서내용을 구분하지 못해 생기는 문제를 해결하기 위해서 입니다.

예를 들어 문서 내용에 꺽쇠 괄호(<) 가 붙어 있다면 컴퓨터는 문서를 읽어 들일 때 꺽쇠 괄호를 HTMl 태그 시작 기호로 받아 들입니다.

이러한 혼동을 막으려면 꺽쇠 괄호 대신 [ &lt; ] 를 써야 합니다.

엔티티 코드를 이용하면 특수 문자를 손쉽게 쓸 수 있습니다.

자주 사용되는 엔티티 코드는 다음과 같습니다.

 

나타낼문자 숫자표기법 문자표기법 설명
  0 - 9
&#48; ~ &#57;  없음 숫자 0부터 9까지
 A - Z
&#65; ~ &#90;  없음 알파벳 A부터 Z까지 (대문자)
a - z  &#97; ~ &#122; 없음 알파벳 a부터 z까지 (소문자)
< &#60; &lt; 부등호
> &#62; &gt; 부등호
[ &#91; 없음 왼쪽 대괄호
] &#93; 없음 오른쪽 대괄호
&#92; 없음 역 슬래쉬
{ &#123; 없음 왼쪽 중괄호
} &#125; 없음 오른족 중괄호
| &#124; 없음 수직선
& &#38; &amp; 특수문자
% &#37; 없음 백분율
$ &#36; 없음 달라
     &#160;
&nbsp;
스페이스4번뜀(탭1번)
&#169; &copy; 저작권
@
&#64; 없음 골뱅이
? &#63; 없음 물음표
! &#33; 없음 느낌표
~ &#126; 없음 물결
= &#61; 없음 등호
: &#58; 없음 콜론
" &#34; &quot; 큰따옴표
' &#39; 없음 작은따옴표
( &#40; 없음 왼쪽 괄호
) &#41; 없음 오른쪽 괄호
+ &#43; 없음 더하기
, &#44; 없음 쉼표
- &#45; 없음 하이픈
_ &#95; 없음 언더바
`
&#96; 없음 백틱(정규표현식 쓸떄 씀)
* &#42; 없음 곱셈
. &#46; 없음 마침표

이외에도 다양한 엔티티코드가 많습니다. 

양이 많고 다 외우기에는 힘드니까 자주 쓰는것만 외우고 필요한건 찾아서 씁니다. 엔티티코드 사이트에서 정보를 볼 수 있습니다. 

https://entitycode.com/

 

Entity Code - A Clear and Quick Reference to HTML Entities Codes

About EntityCode The idea came from my constant need to add those hard to remember HTML entity codes, such as the copyright symbol ( © ), every time I’m developing a new website or writing a new article. Usually, I either open one of my previously done

entitycode.com

 

'HTML' 카테고리의 다른 글

HTML - form 태그  (0) 2022.02.16
HTML - canvas  (0) 2022.02.14
SVG  (0) 2022.02.08
시멘틱 태그  (0) 2022.01.26
SEO 검색 엔진 최적화  (0) 2022.01.25
댓글
© 2018 webstoryboy