> 웹 프론트엔드 > 프런트엔드 Q&A > html <>이스케이프되지 않음

html <>이스케이프되지 않음

WBOY
풀어 주다: 2023-05-15 17:45:08
원래의
1320명이 탐색했습니다.

HTML <>不转义:如何在 HTML 中避免字符转义

在 HTML 中,有些字符如尖括号、引号、和符号等需要用实体编码来表示,否则它们会被解释为 HTML 代码,而不是文本字符。这种字符转义带来了一些不便,例如打印代码时难以保留代码的格式,即使是原始代码也会被解释为 HTML 代码,而不是纯文本。

不过,HTML 5 中引入了一个新特性,即 <>不转义。在这种模式下,尖括号不再被解释为 HTML 标签,可以在 HTML 文本中直接使用,而不需要使用实体编码。这对于编写和显示代码非常有用。

如何使用 <>不转义

在 HTML 5 中,可以通过将 DOCTYPE 声明设置为以下所示来启用 <>不转义模式:

<!DOCTYPE html>
로그인 후 복사

在这种模式下,尖括号将不会被解释为 HTML 标签,可以在 HTML 文本中直接使用:

<p>This is a paragraph with &lt; and &gt; characters.</p>
로그인 후 복사

输出将是:

This is a paragraph with < and > characters.

如果尝试在 <>不转义模式下插入实际的 HTML 标签,则 HTML 标签将不会按照预期工作。例如:

<p>This is not a &lt;p&gt; tag!</p>
로그인 후 복사

输出将是:

This is not a

tag!

如何在不转义模式下使用其他实体

在 <>不转义模式中,其他实体仍然需要使用实体编码。例如:

<p>The &euro; is the currency symbol for the euro.</p>
로그인 후 복사

输出将是:

The € is the currency symbol for the euro.

然而,对于常用的实体,可以在 HTML 的 header 标签中添加特定的字符集声明,以便它们在文本中使用。例如,要使用常见的实体,如:€ “ © 等,可以添加以下字符集声明:

<meta charset="UTF-8">
로그인 후 복사

这些常见实体现在可以直接在 HTML 中使用,如下所示:

<p>The € is the currency symbol for the euro. This sentence uses &ldquo;quotation marks&rdquo; and includes a &copy; symbol.</p>
로그인 후 복사

输出将是:

The € is the currency symbol for the euro. This sentence uses “quotation marks” and includes a © symbol.

总结

HTML <>不转义是一个很好的特性,可以使代码在文本中更容易阅读,并且可以在打印代码时更好地保留格式。但是,在不转义模式中,不能在文本中使用实际的 HTML 标记,仍然需要使用实体编码。

另外,可以在 HTML 代码中添加适当的字符集声明以便使用其他实体。

通过这些技巧,可以更轻松地编写和显示 HTML 代码,同时保持文本的易读性和可打印性。

위 내용은 html <>이스케이프되지 않음의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿