관리 메뉴

꿈꾸는 개발자

HTML Entities 본문

기타

HTML Entities

rickysin 2023. 2. 21. 15:44

HTML을 작성하다보면 가끔 필요한 아이콘/문자들이 있다. 지금까지 아무생각 없이 x 표시는 그냥 영어 자판에 나온대로 입력을 했지만, HTML Entities는 자주 사용되는 몇몇 문자들을 예약?(reserved)된 형태로 사용할 수 있게 해준다. 

 

Entity의 문법 형태는 다음과 같다:

문법
&엔티티이름;
또는
&#엔티티숫자;

  • 두  P 태그에서 동일하게 <>가 사용됐지만, 해석의 차이는 분명 존재한다.

 

HTML에서 제공하는 대표적인 entities:

엔티티 문자엔티티 이름16진수 엔티티 숫자설명

  &nbsp; &#160; 줄 바꿈 없는 공백
< &lt; &#60; 보다 작은
> &gt; &#62; 보다 큰
& &amp; &#38; AND 기호
" &quot; &#34; 큰따옴표
' &apos; &#39; 작은따옴표

 

발음 구별 부호(Combining diacritical marks)

발음을 나타낼 때 사용된다!

발음 구별 부호문자16진수 엔티티결과

       
발음 구별 부호 문자 16진수 entity 결과
  ̀ a a&#768;
  ́ a a&#769;
̂ a a&#770;
 ̃ a a&#771;
 ̀ O O&#768;
 ́ O O&#769;
̂ O O&#770;
 ̃ O O&#771;

출처:

https://www.w3schools.com/html/html_entities.asp

 

HTML Entities

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

http://www.tcpschool.com/html/html_text_entities

 

코딩교육 티씨피스쿨

4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등

tcpschool.com