Die Anleitung zu HTML Entity

View more Tutorials:

1- HTML Entity

Einige besonderen Zeichen, die in einem Dokument  HTML erscheinen, können das Missverständnis für HTML Source Parser verursachen, z.B Wenn der HTML Source Parser das Zeichen "kleiner" ( < ) trifft, missversteht es vielleicht ein Tag . Um das Missverständnis zu vermeiden, benutzt  HTML die Entität (entity) &lt; um das Zeichen ( < ) zu ersetzen.
Unten sind das einige üblichen Zeichen, die durch die Entität ersetzt werden brauchen. Die volle Liste können Sie am Ende des Artikel sehen.
Zeichen Bezeichnung Entität

Non-breaking Space &nbsp;
< Kleiner als &lt;
> Größer als &gt;
& Ampersand &amp;
" Double quotation mark &quot;
' Single quotation mark (apostrophe) &apos;
Schauen Sie an ein Dokument  HTML mit der Anwesenheit der Entitäten an und Sie können das Ergebnis im Browser sehen.
entity-example.html
<!DOCTYPE html>
<html>
<head>
    <title>Entities</title>
    <meta charset="UTF-8">
</head>
<body>

    <h3>Entities example:</h3>

    HTML defines six levels of headings. <br/>
    The heading elements are: <br/><br/>

    &lt;h1&gt;, &lt;h2&gt;, &lt;h3&gt;, &lt;h4&gt;, &lt;h5&gt;, &lt;h6&gt;


</body>
</html>
Außer der Entitäten, die die die Missverständnis verursachenden obengemeinten Zeichen vertreten, gibt es eine Liste der Entitäten zur Vertretung der besonderen Zeichen ( £ § ¢ ¥ © ... )
Character Description Entity Name
¢ cent &cent;
£ pound &pound;
¥ yen &yen;
§ section &sect;
© copyright &copy;
® registered trademark &reg;
Achtung: Sie können die vollen Liste der Entitäten  HTML am Ende des Artikels sehen.

2- Entity Name vs Entity Number

Es gibt 2 Wege, die Sie eine Entität erwähnt. Das ist die Verwendung von "der Name der Entität" oder die Verwendung " Die Nummer der Entität". Zum Beispiel: Um das Zeichen Kleiner Als ( < ) zu erwähnen, können Sie den Name der Entität ( &lt; ) oder den Nummer der Entität ( &#60; ) verwenden.
&entity_name;

&#entity_number;
Die Vorteil der Verwendung des Entität-Name ist leicht zu erinnern. Aber die Nachteil ist, dass einige Browser die allen Entität-Name ganz nicht unterstützen. Aber sie unterstützen die Entität-Nummer voll.
Display Description Entity Name Entity Number
  Non-breaking space &nbsp; &#160;
< Less than &lt; &#60;
> Greater than &gt; &#62;
& Ampersand &amp; &#38;
" Double quotation mark &quot; &#34;
' Single quotation mark (apostrophe) &apos; &#39;
Achtung: Sie können die Liste der Entitäten mit ihren Name und Nummer am Ende des Artikel finden.

3- Non-breaking Space ( )

Die Entität  &nbsp; wird benutzt um die Non-breaking Space zu ersetzen. Um leicht zu verstehen, können Sie die folgende Illustration sehen:
non-breaking-space-example.html
<p style="font-size:40px">
    This&nbsp;is&nbsp;a&nbsp;non&nbsp;breaking&nbsp;Sentence&nbsp;&nbsp;&nbsp;!!
</p>

<p style="font-size:40px">
    This sentence will be line breaks.
</p>

4- Die Liste der Entitäten

ISO 8859-1 Symbol Entities

Display Description Entity Name Number Code
  non-breaking space &nbsp; &#160;
¡ inverted exclamation mark &iexcl; &#161;
¤ currency &curren; &#164;
¢ cent &cent; &#162;
£ pound &pound; &#163;
¥ yen &yen; &#165;
¦ broken vertical bar &brvbar; &#166;
§ section &sect; &#167;
¨ spacing diaeresis &uml; &#168;
© copyright &copy; &#169;
ª feminine ordinal indicator &ordf; &#170;
« angle quotation mark (left) &laquo; &#171;
¬ negation &not; &#172;
­ soft hyphen &shy; &#173;
® registered trademark &reg; &#174;
trademark &trade; &#8482;
¯ spacing macron &macr; &#175;
° degree &deg; &#176;
± plus-or-minus  &plusmn; &#177;
² superscript 2 &sup2; &#178;
³ superscript 3 &sup3; &#179;
´ spacing acute &acute; &#180;
µ micro &micro; &#181;
paragraph &para; &#182;
· middle dot &middot; &#183;
¸ spacing cedilla &cedil; &#184;
¹ superscript 1 &sup1; &#185;
º masculine ordinal indicator &ordm; &#186;
» angle quotation mark (right) &raquo; &#187;
¼ fraction 1/4 &frac14; &#188;
½ fraction 1/2 &frac12; &#189;
¾ fraction 3/4 &frac34; &#190;
¿ inverted question mark &iquest; &#191;
× multiplication &times; &#215;
÷ division &divide; &#247;

ISO 8859-1 Character Entities

Display Description Entity Name Number Code
À capital a, grave accent &Agrave; &#192;
Á capital a, acute accent &Aacute; &#193;
 capital a, circumflex accent &Acirc; &#194;
à capital a, tilde &Atilde; &#195;
Ä capital a, umlaut mark &Auml; &#196;
Å capital a, ring &Aring; &#197;
Æ capital ae &AElig; &#198;
Ç capital c, cedilla &Ccedil; &#199;
È capital e, grave accent &Egrave; &#200;
É capital e, acute accent &Eacute; &#201;
Ê capital e, circumflex accent &Ecirc; &#202;
Ë capital e, umlaut mark &Euml; &#203;
Ì capital i, grave accent &Igrave; &#204;
Í capital i, acute accent &Iacute; &#205;
Î capital i, circumflex accent &Icirc; &#206;
Ï capital i, umlaut mark &Iuml; &#207;
Ð capital eth, Icelandic &ETH; &#208;
Ñ capital n, tilde &Ntilde; &#209;
Ò capital o, grave accent &Ograve; &#210;
Ó capital o, acute accent &Oacute; &#211;
Ô capital o, circumflex accent &Ocirc; &#212;
Õ capital o, tilde &Otilde; &#213;
Ö capital o, umlaut mark &Ouml; &#214;
Ø capital o, slash &Oslash; &#216;
Ù capital u, grave accent &Ugrave; &#217;
Ú capital u, acute accent &Uacute; &#218;
Û capital u, circumflex accent &Ucirc; &#219;
Ü capital u, umlaut mark &Uuml; &#220;
Ý capital y, acute accent &Yacute; &#221;
Þ capital THORN, Icelandic &THORN; &#222;
ß small sharp s, German &szlig; &#223;
à small a, grave accent &agrave; &#224;
á small a, acute accent &aacute; &#225;
â small a, circumflex accent &acirc; &#226;
ã small a, tilde &atilde; &#227;
ä small a, umlaut mark &auml; &#228;
å small a, ring &aring; &#229;
æ small ae &aelig; &#230;
ç small c, cedilla &ccedil; &#231;
è small e, grave accent &egrave; &#232;
é small e, acute accent &eacute; &#233;
ê small e, circumflex accent &ecirc; &#234;
ë small e, umlaut mark &euml; &#235;
ì small i, grave accent &igrave; &#236;
í small i, acute accent &iacute; &#237;
î small i, circumflex accent &icirc; &#238;
ï small i, umlaut mark &iuml; &#239;
ð small eth, Icelandic &eth; &#240;
ñ small n, tilde &ntilde; &#241;
ò small o, grave accent &ograve; &#242;
ó small o, acute accent &oacute; &#243;
ô small o, circumflex accent &ocirc; &#244;
õ small o, tilde &otilde; &#245;
ö small o, umlaut mark &ouml; &#246;
ø small o, slash &oslash; &#248;
ù small u, grave accent &ugrave; &#249;
ú small u, acute accent &uacute; &#250;
û small u, circumflex accent &ucirc; &#251;
ü small u, umlaut mark &uuml; &#252;
ý small y, acute accent &yacute; &#253;
þ small thorn, Icelandic &thorn; &#254;
ÿ small y, umlaut mark &yuml; &#255;

Die sonstigen Entitäten werden durch die Browser unterstützt.

Display Description Entity Name Number Code
Πcapital ligature OE &OElig; &#338;
œ small ligature oe &oelig; &#339;
Š capital S with caron &Scaron; &#352;
š small S with caron &scaron; &#353;
Ÿ capital Y with diaeres &Yuml; &#376;
ˆ modifier letter circumflex accent &circ; &#710;
˜ small tilde &tilde; &#732;
en space &ensp; &#8194;
em space &emsp; &#8195;
thin space &thinsp; &#8201;
zero width non-joiner &zwnj; &#8204;
zero width joiner &zwj; &#8205;
left-to-right mark &lrm; &#8206;
right-to-left mark &rlm; &#8207;
en dash &ndash; &#8211;
em dash &mdash; &#8212;
left single quotation mark &lsquo; &#8216;
right single quotation mark &rsquo; &#8217;
single low-9 quotation mark &sbquo; &#8218;
left double quotation mark &ldquo; &#8220;
right double quotation mark &rdquo; &#8221;
double low-9 quotation mark &bdquo; &#8222;
dagger &dagger; &#8224;
double dagger &Dagger; &#8225;
horizontal ellipsis &hellip; &#8230;
per mille  &permil; &#8240;
single left-pointing angle quotation &lsaquo; &#8249;
single right-pointing angle quotation &rsaquo; &#8250;
euro &euro; &#8364;

View more Tutorials: