Überschrift strassencoder.ch
Logo strassencoder.ch
Überschrift HTML Entities

Entities in HTML verwenden

Zeichen die nicht auf deiner Tastatur vorhanden sind können mit Entities dargestellt werden. Entities haben bei der Darstellung in HTML ein reserviertes Zeichen. In HTML gibt es festvorgegebene Entities, je nach verwendetem HTML-Standard vom Browser verarbeitet werden. Dieser analysiert (parsen) den Inhalt (Ausdruck) zwischen ampersand (&) und dem semikolon (;), ermittelt den zugehörigen Ersetzungstext und gibt diesen im Dokument aus. Wenn Sie Symbole kleiner als (<) oder größer als (>) in Ihrem Text verwenden, kann der Browser sie mit Tags mischen, weshalb Entities in HTML verwendet werden, um reservierte Zeichen anzuzeigen. HTML-Entitäten bieten eine breite Palette von Zeichen die Sie in ihren HTML-Code einfügen können.

Syntax:
&entity_name;
oder
&#entity_number;

Hier eine kleine Auswahl an Entities:

Währungen

Resultat Beschreibung Entity Name Entity Nummer
Euro-Zeichen &euro; &#x20AC;
¢ Cent-Zeichen &cent; &#x00A2;
£ Pfund-Zeichen &pound; &#x00A3;
¥ Yen-Zeichen &yen; &#x00A5;

Grafiken

Resultat Beschreibung Entity Name Entity Nummer
Pik-Zeichen &spades; &#x2660;
Kreuz-Zeichen &clubs; &#x2663;
Herz-Zeichen &hearts; &#x2665;
Karo-Zeichen &diams; &#x2666;

Pfeile

Resultat Beschreibung Entity Name Entity Nummer
Pfeil links &larr; &#x2190;
Pfeil oben &uarr; &#x2191;
Pfeil rechts &rarr; &#x2192;
Pfeil unten &darr; &#x2193;
Pfeil links/rechts &harr; &#x2194;
Pfeil unten-Knick-links &crarr; &#x21B5;
Doppelpfeil links &lArr; &#x21D0;
Doppelpfeil oben &uArr; &#x21D1;
Doppelpfeil rechts &rArr; &#x21D2;
Doppelpfeil unten &dArr; &#x21D3;
Doppelpfeil links/rechts &hArr; &#x21D4;

Sonderzeichen

Resultat Beschreibung Entity Name Entity Nummer
& Ampersand ("kaufmännisches Und") &amp; &#x0026;
@ at-Zeichen &#x0040;
© Copyright-Zeichen &copy; &#x00A9;
® Registriermarke-Zeichen &reg; &#x00AE;
Trademark-Zeichen &trade; &#x2122;

HTML

Resultat Beschreibung Entity Name Entity Nummer
< kleiner als &lt; &#x003C;
> größer als &gt; &#x003E;
& Ampersand-Zeichen &amp; &#x0026;
| senkrechter Strich &#x007C;
\ Backslash &#x005C;

Mathematik

Resultat Beschreibung Entity Name Entity Nummer
minus &minus; &#x2212;
± Plusminus-Zeichen &plusmn; &#x00B1;
Wurzel &radic; &#x221A;
Malzeichen &lowast; &#x2217;
÷ Divisions-Zeichen &divide; &#x00F7;
¼ ein Viertel &frac14; &#x00BC;
½ ein Halb &frac12; &#x00BD;
¾ drei Viertel &frac34; &#x00BE;
Überschrift Beispiel
<!DOCTYPE html>
<html>
<head>
<title>Page</title>
</head>
<body>
<p style="color:black">&#x2660; &#x2663; &#x2665; &#x2666; &#x2190; &#x2191; &#x2192; &#x2193; &#x2194;</p>
</body>
</html>
Überschrift BrowserAusgabe

♠ ♣ ♥ ♦ ← ↑ → ↓ ↔