[HTML5] 이스케이핑

2020. 7. 6. 16:04 Web Programing/HTML5

이스케이핑


1. 이스케이핑이란?

HTML 코드는 브라우저에 의해서 해석되는 약속된 문자들이다. 예를들어 줄바꿈을 의미하는 <br /> 태그를 줄바꿈의 용도가 아니라 화면에 표시하려면 어떻게 해야 할까? 아래와 같이 하면 어떻게 될까?

<!DOCTYPE html>

<html>

    <body>

        <br />은 줄바꿈을 의미하는 태그입니다. 

    </body>

</html>


<br /> 태그는 줄바꿈으로 해석되기 때문에 화면에 표시되지 않을 것이다. 이럴 때 사용하는 방법이 이스케이핑(escaping)이다. 아래와 같이 하면 된다.

<!DOCTYPE html>

<html>

    <body>

        &lt;br /&gt;은 줄바꿈을 의미하는 태그입니다. 

    </body>

</html>

'&lt;'는 '<'를 의미하고, '&gt;'는 '>'를 화면에 표시한다. 따라서 `&lt;br /&gt;'는 화면에 <br />을 표시하면서 HTML 문법에 맞는 코드가 아니기 때문에 해석되지 않는 것이다.


2. 코드 리스트

주요한 이스케이프 코드는 아래와 같다. (출처 : 위키피디아)

&amp; → & (ampersand, U+0026), &nbsp;

&lt; → < (less-than sign, U+003C)

&gt; → > (greater-than sign, U+003E)

&quot; → " (quotation mark, U+0022)

&apos; → ' (apostrophe, U+0027)


이스케이핑 도구)

아래는 온라인 이스케이핑 도구다. 이 도구를 이용해서 문자를 이스케이핑 할 수 있다.

http://www.htmlescape.net/htmlescape_tool.html



출처: https://devbox.tistory.com/entry/HTML5-이스케이핑?category=574553 [장인개발자를 꿈꾸는 :: 기록하는 공간]

'Web Programing > HTML5' 카테고리의 다른 글

[HTML5] <form> 태그_GET과 POST  (0) 2020.07.06
[HTML5] <form> 태그 2  (0) 2020.07.06
[HTML5] <form> 태그 1  (0) 2020.07.06
[HTML5] 아이프레임과 프레임  (0) 2020.07.06
[HTML5] <meta> 태그  (0) 2020.07.06
[HTML5] URL  (0) 2020.07.06
[HTML5] HTML5 시멘틱 구조 태그  (0) 2020.07.06
[HTML5] DTD(Doctype)  (0) 2020.07.06