이스케이핑이란?
HTML 코드는 브라우저에 의해서 해석되는 약속된 문자들이다. 예를들어 줄바꿈을 의미하는 <br /> 태그를 줄바꿈의 용도가 아니라 화면에 표시하려면 어떻게 해야 할까? 아래와 같이 하면 어떻게 될까?
<!DOCTYPE html>
<html>
<body>
<br />은 줄바꿈을 의미하는 태그입니다.
</body>
</html>
<br /> 태그는 줄바꿈으로 해석되기 때문에 화면에 표시되지 않을 것이다. 이럴 때 사용하는 방법이 이스케이핑(escaping)이다. 아래와 같이 하면 된다.
<!DOCTYPE html>
<html>
<body>
<br />은 줄바꿈을 의미하는 태그입니다.
</body>
</html>
'<'는 '<'를 의미하고, '>'는 '>'를 화면에 표시한다. 따라서 `<br />'는 화면에 <br />을 표시하면서 HTML 문법에 맞는 코드가 아니기 때문에 해석되지 않는 것이다.
코드 리스트
주요한 이스케이프 코드는 아래와 같다. (출처 : 위키피디아)
-
&→ & (ampersand, U+0026), -
<→ < (less-than sign, U+003C) -
>→ > (greater-than sign, U+003E) -
"→ " (quotation mark, U+0022) -
'→ ' (apostrophe, U+0027)
이스케이핑 도구
아래는 온라인 이스케이핑 도구다. 이 도구를 이용해서 문자를 이스케이핑 할 수 있다. 사용법은 동영상을 참고하자.
