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