27. HTML 엔티티
익스랩 최고 관리자
·2019. 12. 9. 20:00
HTML의 예약 문자는 문자 엔티티로 바꿔야 합니다.
키보드에 없는 문자도 엔티티로 대체할 수 있습니다.
HTML 엔티티
일부 문자는 HTML로 예약되어 있습니다.
텍스트에 "<" 또는 ">" 기호를 사용하면 브라우저에서 태그와 혼합될 수 있습니다.
문자 엔티티는 예약된 문자를 HTML로 표기하는데 사용됩니다.
문자 엔티티는 다음과 같습니다.
&entity_name;
OR
&#entity_number;
"<" 기호를 표시하려면 다음과 같이 작성해야합니다.
< or <
엔티티 이름 사용의 장점 : 엔티티 이름은 기억하기 쉽습니다. 엔티티 이름 사용의 단점 : 브라우저는 모든 엔티티 이름을 지원하지는 않지만 숫자는 지원합니다. |
줄 바꿈 없는 공백
HTML에 사용되는 일반적인 문자 엔티티는 줄 바꿈 없는 공백입니다. ( )
줄 바꿈 없는 공백은 말 그대로 줄 바꿈 없이 공백 처리를 합니다.
줄 바꿈 공백으로 구분된 단어는 서로 붙어 있습니다. (새로운 라인으로 나뉘지 않음).
줄 바꿈을 하고 싶지 않을 경우에 편리합니다.
예시 )
- § 10
- 10 km/h
- 10 PM
줄 바꿈 없는 공백의 또 다른 일반적인 용도는 브라우저가 HTML 페이지에서 공백을 자르지 못하게 하는 것입니다.
텍스트에 스페이스바로 공백을 10번 채우게 되면 브라우저가 공백 9칸을 자동으로 제거합니다. 텍스트에 실제 공백을 추가하기 위해 문자 엔티티를 사용할 수 있습니다.
(‑)을 사용하면 하이픈 (-)을 사용할 수 있습니다. |
다양한 HTML 문자 엔티티
결과 | 설명 | 엔티티 이름 | 엔티티 번호 |
줄 바꿈 없는 공백 | |   | |
< | ~보다 작은 | < | < |
> | ~보다 큰 | > | > |
& | 앰퍼샌드 | & | & |
" | 큰 따옴표 | " | " |
' | 작은 따옴표 | ' | ' |
¢ | 센트 | ¢ | ¢ |
£ | 파운드 | £ | £ |
¥ | 엔 | ¥ | ¥ |
€ | 유로 | € | € |
© | copyright (저작권) | © | © |
® | 등록 상표 | ® | ® |
엔티티 이름은 대소문자를 구분합니다. |
외국어의 분음 표시
분음 부호는 문자에 추가된 "글리프"입니다.
( ` ) 및 ( ' )과 같은 일부 발음 구별 부호를 악센트라고 합니다.
분음 부호는 글자 위와 아래, 글자 내부 및 두 글자 사이에 나타낼 수 있습니다.
분음 부호는 영숫자 문자와 함께 사용되며 페이지에 사용된 문자 세트 (인코딩)에 없는 문자를 생성할 수 있습니다.
마크 | 문자 | 구성 | 결과 |
̀ | a | à | à |
́ | a | á | á |
̂ | a | â | â |
̃ | a | ã | ã |
̀ | O | Ò | Ò |
́ | O | Ó | Ó |
̂ | O | Ô | Ô |
̃ |
O | Õ | Õ |
이 튜토리얼의 다음 장에서 더 많은 HTML 심볼을 볼 수 있습니다.
틀린 내용, 오타, 오역이 있을 경우 댓글로 알려주시면 감사하겠습니다.
질문도 올려주시면 아는 선에서 답변해드리겠습니다.
대부분의 내용의 저작권은 w3schools에 있습니다.
'IT 언어 연구소 > HTML,CSS [초급, 기본 개념, W3C 번역]' 카테고리의 다른 글
29.HTML 인코딩 (Charset) (0) | 2019.12.11 |
---|---|
28. HTML 심볼 (0) | 2019.12.10 |
26. HTML 컴퓨터 코드 요소 (0) | 2019.12.09 |
25. HTML 반응형 웹 디자인 (0) | 2019.12.06 |
24.HTML Layouts (0) | 2019.12.06 |