Escape-Zeichen in HTML

Sushant Poudel 19 Februar 2023
  1. Einführung in Zeichen-Escapes in HTML
  2. Zeichen, die in HTML maskiert werden müssen
Escape-Zeichen in HTML

In diesem Tutorial werden wir etwas über die HTML-Escapezeichen lernen. Darüber hinaus stellt das Tutorial vor, welche Zeichen in HTML maskiert werden müssen.

Einführung in Zeichen-Escapes in HTML

Wir verwenden Zeichen-Escapes in Auszeichnungssprachen wie HTML, XML und XHTML, um die Unicode-Zeichen mithilfe der ASCII-Zeichen darzustellen.

Zeichen-Escapes entstehen, wenn wir Zeichen wie <, > darstellen müssen, die in Auszeichnungssprachen verwendet werden. Wenn wir diese Zeichen nicht maskieren, werden die Markup-Regeln behindert und wir werden nicht die gewünschte Ausgabe erzielen.

In HTML können verschiedene Unicode-Zeichen maskiert werden. Einige der Zeichen, die maskiert werden können, sind ", ', <, >, & usw.

Die Liste der HTML-Entitäten finden Sie hier. Diese Zeichen können hauptsächlich auf zwei Arten dargestellt werden.

Das sind numerische Zeichenreferenzen und benannte Zeichenreferenzen. Die numerischen Zeichenreferenzen können als dezimale und hexadezimale numerische Zeichenreferenzen dargestellt werden.

Schauen wir uns das folgende Beispiel an, das die Darstellung eines geschützten Leerzeichens anhand der verschiedenen Zeichenreferenzen zeigt.

Beispielcode:

<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 -->

Ausgabe:

Wie im obigen Beispiel zu sehen, sind die benannten Zeichenreferenzen, hexadezimalen numerischen Zeichenreferenzen und dezimalen numerischen Zeichenreferenzen des geschützten Leerzeichens &nbsp;, &#xA0; und &#160;. bzw. Wir können feststellen, dass die numerischen Zeichenreferenzen mit den Zeichen &# beginnen und mit ; enden.

In HTML gibt es verschiedene Kontexte, in denen einige Zeichen maskiert werden sollten. Einige der Kontexte sind der Dokumentkörper und innere Attribute, Stil- und Skript-Tags usw.

Zeichen, die in HTML maskiert werden müssen

Dieser Abschnitt behandelt die Zeichen, die in HTML maskiert werden müssen. Drei Zeichen sollten beim Escape in HTML nicht fehlen. Jene sind:

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

Die Auszeichnungssprachen wie HTML und XML bilden Größer- und Kleiner-als-Symbole, < und >, auch Tax Wrapper genannt. Wir sollten diese Syntax-Wrapper im Dokumentkörper maskieren; Andernfalls wird die Markup-Syntax beeinträchtigt.

Die Namenszeichenreferenz des Syntax-Wrappers ist unten gezeigt.

  • (<) &amp;lt;
  • (>) &amp;gt;

Hier sehen wir die Bedingungen, unter denen die Zeichen nicht maskiert werden und wie wir die Zeichen maskieren können.

Im Beispiel unten haben wir im ersten <a>-Tag den Text the <a> tag zwischen die <a>-Tags geschrieben.

Dadurch wird der Hyperlink nur auf das Zeichen the angewendet, da es von zwei <a>-Tags umschlossen wurde.

Aber das ist nicht unser Ziel. Unser Ziel ist es, nur das Tag <a> anzuzeigen. Daher ist es notwendig, die Syntax-Wrapper um das a-Tag zu maskieren.

Daher haben wir das &lt; und &gt; Zeichenreferenzen, um den Syntax-Wrappern zu entkommen. Das &lt;a&gt; Referenz steht für das Tag <a>.

Als Ergebnis wird im zweiten <a>-Tag im Beispiel unten ein Hyperlink auf den gesamten Text angewendet, the <a> tag. Aus diesem Grund sollten wir die Syntax-Wrapper in HTML umgehen.

Beispielcode:

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

Ausgabe:

Das kaufmännische Und-Symbol wird als erstes Zeichen verwendet, um das Referenzzeichen der Unicode-Zeichen zu schreiben, während die Zeichen maskiert werden. Wenn wir jedoch das Referenzzeichen eines bestimmten Unicode-Zeichens in HTML anzeigen müssen, müssen wir das kaufmännische Und-Symbol maskieren.

Das Beispiel ist unten gezeigt.

Beispielcode:

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

Ausgabe:

Unser Ziel ist es, das äquivalente Referenzzeichen des Symbols < anzuzeigen, &lt;. Aber wenn wir die Referenz &lt; schreiben, wird sie im Browser in < umgewandelt.

Um das Namensreferenzzeichen darzustellen, sollten wir das kaufmännische Und-Symbol in der Referenz &lt; maskieren. Nachdem wir das kaufmännische Und maskiert haben, können wir die restlichen Zeichen wie gewohnt schreiben, wie im obigen Beispiel gezeigt.

In diesem Artikel haben wir gelernt, warum wir Zeichen maskieren sollten und welche Zeichen in HTML maskiert werden sollten. Wir haben auch etwas über die Namenszeichenreferenzen und numerischen Zeichenreferenzen gelernt.

Sushant Poudel avatar Sushant Poudel avatar

Sushant is a software engineering student and a tech enthusiast. He finds joy in writing blogs on programming and imparting his knowledge to the community.

LinkedIn

Verwandter Artikel - HTML Entities