HTML의 이스케이프 문자

1. HTML의 문자 이스케이프 소개
2. HTML에서 이스케이프해야 하는 문자

이 튜토리얼에서는 HTML 문자 이스케이프에 대해 배웁니다. 또한 이 자습서에서는 HTML에서 이스케이프해야 하는 문자를 소개합니다.

HTML의 문자 이스케이프 소개

HTML, XML 및 XHTML과 같은 마크업 언어에서 문자 이스케이프를 사용하여 ASCII 문자를 사용하여 유니코드 문자를 나타냅니다.

문자 이스케이프는 마크업 언어에서 사용되는 <, >와 같은 문자를 표시해야 할 때 발생합니다. 이러한 문자를 이스케이프하지 않으면 마크업 규칙이 방해를 받아 원하는 출력을 얻을 수 없습니다.

HTML에서 다양한 유니코드 문자를 이스케이프할 수 있습니다. 이스케이프할 수 있는 일부 문자는 ", ', <, >, & 등입니다.

HTML 엔티티 목록은 여기에서 찾을 수 있습니다. 이러한 문자는 주로 두 가지 방식으로 나타낼 수 있습니다.

숫자 참조 및 명명된 문자 참조입니다. 숫자 참조는 10진수 및 16진수 숫자 참조로 나타낼 수 있습니다.

다른 문자 참조를 사용하여 공백이 없는 표현을 보여주는 다음 예를 살펴보겠습니다.

예제 코드:

<p> Hi Jack&nbsp;! </p> <!-- named character references -->
<p> Hi Jack&#xA0;! </p> <!-- hexadecimal numeric character references -->
<p> Hi Jack&#160;! </p> <!-- decimal numeric character references -->

출력:

위의 예에서 볼 수 있듯이, 줄 바꿈하지 않는 공백의 명명된 문자 참조, 16진수 숫자 참조 및 10진수 숫자 참조는  ,   및  입니다. 각기. 숫자 참조가 &# 문자로 시작하고 ;로 끝나는 것을 알 수 있습니다.

HTML에는 일부 문자를 이스케이프해야 하는 다양한 컨텍스트가 있습니다. 일부 컨텍스트는 문서 본문과 내부 속성, 스타일 및 스크립트 태그 등입니다.

HTML에서 이스케이프해야 하는 문자

이 섹션에서는 HTML에서 이스케이프되어야 하는 문자에 대해 설명합니다. HTML에서 이스케이프하려면 세 문자를 놓쳐서는 안 됩니다. 사람들은:

• (<)
• (>)
• (&)

HTML 및 XML과 같은 마크업 언어는 세금 래퍼라고도 하는 < 및 > 기호보다 크고 작습니다. 문서 본문에서 이러한 구문 래퍼를 이스케이프해야 합니다. 그렇지 않으면 마크업 구문이 방해를 받습니다.

구문 래퍼의 이름 문자 참조는 아래와 같습니다.

• (<) <
• (>) >

여기서는 문자가 이스케이프되지 않는 조건과 문자를 이스케이프하는 방법에 대해 알아봅니다.

아래 예에서 첫 번째 <a> 태그에서 <a> 태그 사이에 <a> 태그라는 텍스트를 작성했습니다.

결과적으로 두 개의 <a> 태그로 묶인 문자 the에만 하이퍼링크가 적용됩니다.

그러나 이것은 우리의 목표가 아닙니다. 우리의 목표는 <a> 태그만 표시하는 것입니다. 따라서 a 태그 주위의 구문 래퍼를 이스케이프 처리해야 합니다.

따라서 <를 사용했습니다. 및 > 구문 래퍼를 이스케이프하기 위한 문자 참조. <a> 참조는 <a> 태그를 나타냅니다.

결과적으로 아래 예의 두 번째 <a> 태그에서는 전체 텍스트인 the <a> tag에 하이퍼링크가 적용됩니다. 이것이 HTML에서 구문 래퍼를 이스케이프해야 하는 이유입니다.

예제 코드:

<a href="#"> the <a> tag </a> <br>
<a href="#"> the &lt;a&gt; tag </a> 

출력:

앰퍼샌드 기호는 문자를 이스케이프하면서 유니코드 문자의 참조 문자를 작성하는 첫 번째 문자로 사용됩니다. 그러나 HTML에서 특정 유니코드 문자의 참조 문자를 표시해야 하는 경우 앰퍼샌드 기호 &를 이스케이프해야 합니다.

예는 아래에 나와 있습니다.

예제 코드:

<p> The character reference of the symbol &lt; is &amp;lt; </p>

출력:

우리의 목표는 < 기호 <의 해당 참조 문자를 표시하는 것입니다. 그러나 참조 <를 쓰면 브라우저에서 <로 변환됩니다.

이름 참조 문자를 나타내려면 < 참조에서 앰퍼샌드 기호를 이스케이프해야 합니다. 앰퍼샌드를 이스케이프 처리한 후 위의 예와 같이 나머지 문자를 평소와 같이 쓸 수 있습니다.

이 기사에서는 문자를 이스케이프해야 하는 이유와 HTML에서 이스케이프해야 하는 문자에 대해 설명했습니다. 우리는 또한 이름 문자 참조 및 숫자 문자 참조에 대해 배웠습니다.