Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML 문자를 이스케이프하는 방법

없이 HTML 코드 구문을 표시하려면 브라우저가 이를 실제 마크업으로 해석(및 렌더링)하려면 reserved를 이스케이프해야 합니다. HTML 문자를 먼저 입력하세요.

<h1>를 살펴보세요. <code></code> 내부의 태그 아래 요소:

<p>You should only use one <code><h1></code> element per article.</p>

위의 코드를 HTML 문서에 추가하면 <h1> 분명히 원하지 않는 실제 마크업으로 해석됩니다.

꺾쇠 괄호 <를 이스케이프해야 합니다. 및 > h1을 둘러싼 예약된 HTML 문자이기 때문입니다.

다행히도 쉽습니다.

  • < 바꾸기 <
  • > >

예:

<p>You should only use one <code>&lt;h1&gt;</code> element per article.</p>

이제 위의 코드가 올바르게 렌더링됩니다.

<h1>는 하나만 사용해야 합니다. 기사당 요소

이제 클래스 속성을 사용하여 일부 HTML 코드를 이스케이프 처리해 보겠습니다. 예:<p class="lead-paragraph"></p> .

  • < 바꾸기 <
  • > >
  • " "

이스케이프 처리된 HTML:

&lt;p class=&quot;lead-paragraph&quot;&gt;&lt;/p&gt;