▶ HTML의 예약 문자는 문자 엔티티로 대체되어 한다.

 

■ HTML 엔티티

▶ 일부 문자는 HTML 에서 예약되어 있다.

▶ 텍스트에 "<" 혹은 ">" 을 사용하고 싶다면 Browser는  이를 태그와 혼합할 수 있다.

▶ 문자 엔티티는 HTML에서 예약 문자로 표시하는데 사용된다.

▶ 문자 엔티티는 아래와 같다.

&entity_name;
OR

&#entity_number;

▶ "<" 기호를 표시하기 위해 "&lt;" 혹은 "&#60"을 쓴다.

 

※ 엔티티 이름 사용의 이점 : 엔티티 이름은 기억하기 쉽다.

※ 엔티티 이름 사용의 단점 : Browser는 모든 엔티티 이름을 지원하지 않을 수 있지만 엔티티 번호에 대한 지원은 좋다.

 

■ 스페이스 바

▶ HTML 에서 일반적으로 사용되는 엔티티는 스페이스 바이다 : &nbsp;

▶ 스페이스 바는 새 줄로 끊기지 않는 공간이다.

▶ 줄 바꿈하지 않는 공백으로 구분된 두 단어는 함께 붙는다.

▶ 이것은 단어를 깨는 것이 방해가 될 수 있는 경우에 유용하다.

▷ 10 km/h

▷ 10 PM

▶ 스페이스 바의 또 다른 일반적인 용도는 Browser가 HTML 페이지에서 공백을 자르는 것을 방지하는 것이다.

▶ 텍스트에 10개의 스페이스 바를 사용하면 Browser는 그 중 9개를 제거한다.

▶ 텍스트에 실제 공백을 추가하려면 문자 엔티티를 사용할 있다.

 

■ 일부 유용한 HTML 문자 엔티티

 

※ 엔티티는 대소문자를 구별한다.

 

■ 분음 부호 결합

▶ 분음 부호는 문자에 추가된 "글리프"이다.

▶ 억음 ( ` ) 및 급성 ( ' )과 같은 일부 분음 기호를 악센트라고 한다.

▶ 분음 기호는 문자 위와 아래, 문자 내부 및 두 문자 사이에 모두 나타날 수 있다.

▶ 페이지에 사용된 문자 엔티티에 없는 문자를 생성하기 위해 영숫자 문자와 조합하여 분음 부호를 사용할 수 있다.

 

출처 : 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

 

'HTML' 카테고리의 다른 글

HTML / (47) 이모티콘 사용하기  (0) 2023.02.27
HTML / (46) 기호  (0) 2023.02.27
HTML / (44) 스타일 가이드  (0) 2023.02.27
HTML / (43) Semantic 요소  (0) 2023.02.25
HTML / (42) 컴퓨터 Code 요소  (0) 2023.02.24

+ Recent posts