문자 이스케이프란? - HTML
2022. 5. 15. 22:35ㆍ프론트엔드/HTML, CSS, Javascript
728x90
구글에서 가장 위에 나오는 내용을 해석해 보았다.
HTML에서 이스케이프한다는 것은, 몇가지 특별한 문자들을 교체하는 것이다. <, >, ", &등이 여기에 해당한다.
이게 무슨 이야기인가...
<b>hello, world</b>
우리가 이런 코드를 HTML에서 작성했다면,
실제 화면에서는 'hello world'로 나올 것이다
왜냐하면 <와 >가 태그로 인식되어,
글자 그대로 출력되는 것이 아니기 때문이다.
하지만 우리가 코드 예시를 보여주기 위해 작성을 한다면,
태그가 보여야 복붙을 하든말든 할 것이다.
그럴 때는 이렇게 표시한다.
<b>hello world</b>
<는 '<', >는 '>'로 바꿔주었다.
이스케이프가 필요한 주요 문자열들
여기 나오는 문자들을 꼭 이스케이프를 해야하는 것이 아닌,
코드로 인식되는게 아니라 화면에 그대로 표시되어야 할 때 사용하면 된다.
문자 | 엔티티 이름 (이걸로 써도 됨) | 코드 |
탭 (Tab) | 	 | 	 |
새 줄 | 
 | |
스페이스 (공백 한 칸) | |   |
! | ! | |
" | " | " |
& | & | & |
< | < | < |
> | > | > |
'프론트엔드 > HTML, CSS, Javascript' 카테고리의 다른 글
XSS (cross-site-script)이란? - Javascript (0) | 2022.05.15 |
---|---|
Javascript Prototype 오염 (0) | 2022.04.21 |
브라우저 객체 모델 - BOM (0) | 2022.04.21 |
[HTML] 글자 사이에 원하는 길이만큼 공백 넣기 (feat. React) (0) | 2022.02.08 |
CSS에서 Flex를 해보자. (0) | 2021.10.19 |