문자 이스케이프란? - HTML

2022. 5. 15. 22:35프론트엔드/HTML, CSS, Javascript

728x90
 

What do HTML is escaping means?

This may be a bad question but I searched but didn't find anything. HTML is escaping = HTML is showing as it is? Example: If i try to put any html tag here, it will not show that tag (It will sim...

stackoverflow.com

구글에서 가장 위에 나오는 내용을 해석해 보았다.

HTML에서 이스케이프한다는 것은, 몇가지 특별한 문자들을 교체하는 것이다. <, >, ", &등이 여기에 해당한다.

이게 무슨 이야기인가...

<b>hello, world</b>

우리가 이런 코드를 HTML에서 작성했다면,
실제 화면에서는 'hello world'로 나올 것이다

왜냐하면 <>가 태그로 인식되어,
글자 그대로 출력되는 것이 아니기 때문이다.

하지만 우리가 코드 예시를 보여주기 위해 작성을 한다면,
태그가 보여야 복붙을 하든말든 할 것이다.

그럴 때는 이렇게 표시한다.

&lt;b&gt;hello world&lt;/b&gt;

<는 '&lt;', >는 '&gt;'로 바꿔주었다.


이스케이프가 필요한 주요 문자열들

여기 나오는 문자들을 꼭 이스케이프를 해야하는 것이 아닌,
코드로 인식되는게 아니라 화면에 그대로 표시되어야 할 때 사용하면 된다.

 

HTML Escape Characters: Complete List of HTML Entities

In this article, you can find the complete list of the most useful HTML escape characters and cases when escapes should not be used.

mateam.net

문자 엔티티 이름 (이걸로 써도 됨) 코드
탭 (Tab) &Tab; &#9;
새 줄 &NewLine; &#10;
스페이스 (공백 한 칸) &nbsp; &#32;
!   &#33;
" &quot; &#34;
& &amp; &#38;
< &lt; &#60;
> &gt; &#62;