HTML -Tutorial

HTML-HOME HTML-Einführung HTML-Editoren HTML-Basis HTML-Elemente HTML-Attribute HTML-Überschriften HTML-Absätze HTML-Stile HTML-Formatierung HTML-Zitate HTML-Kommentare HTML-Farben HTML-CSS HTML-Links HTML-Bilder HTML-Favicon HTML-Tabellen HTML-Listen HTML-Block und Inline HTML-Klassen HTML-ID HTML-Iframes HTML-JavaScript HTML-Dateipfade HTML-Kopf HTML-Layout HTML-responsiv HTML Computercode HTML-Semantik HTML-Styleguide HTML-Entitäten HTML-Symbole HTML-Emojis HTML-Zeichensatz HTML-URL-Codierung HTML vs. XHTML

HTML -Formulare

HTML-Formulare HTML-Formularattribute HTML-Formularelemente HTML-Eingabetypen HTML-Eingabeattribute HTML-Eingabeformularattribute

HTML -Grafiken

HTML-Leinwand HTML-SVG

HTML- Medien

HTML-Medien HTML-Video HTML-Audio HTML-Plugins HTML-YouTube

HTML -APIs

HTML-Geolokalisierung HTML-Drag/Drop HTML-Webspeicher HTML-Webworker HTML-SSE

HTML- Beispiele

HTML-Beispiele HTML-Quiz HTML-Übungen HTML-Zertifikat HTML-Zusammenfassung HTML-Barrierefreiheit

HTML -Referenzen

HTML-Tag-Liste HTML-Attribute Globale HTML-Attribute HTML-Browser-Unterstützung HTML-Ereignisse HTML-Farben HTML-Leinwand HTML-Audio/Video HTML-Doctypes HTML-Zeichensätze HTML-URL-Codierung HTML-Sprachcodes HTTP-Nachrichten HTTP-Methoden PX-zu-EM-Konverter Tastatürkürzel

HTML -Entitäten


Reservierte Zeichen in HTML müssen durch Zeichenentitäten ersetzt werden.


HTML-Entitäten

Einige Zeichen sind in HTML reserviert.

Wenn Sie in Ihrem Text die Zeichen „kleiner als“ (<) oder „größer als“ (>) verwenden, vermischt der Browser diese möglicherweise mit Tags.

Zeichenentitäten werden verwendet, um reservierte Zeichen in HTML anzuzeigen.

Eine Zeichenentität sieht folgendermaßen aus:

&entity_name;

OR

&#entity_number;

Um ein Kleiner-als-Zeichen (<) anzuzeigen, müssen wir schreiben: < oder <

Vorteil der Verwendung eines Entitätsnamens: Ein Entitätsname ist leicht zu merken.
Nachteil der Verwendung eines Entitätsnamens: Browser unterstützen möglicherweise nicht alle Entitätsnamen, aber die Unterstützung für Entitätsnummern ist gut.


Nicht unterbrechendes Leerzeichen

Eine häufig verwendete Entität in HTML ist das geschützte Leerzeichen:  

Ein geschütztes Leerzeichen ist ein Leerzeichen, das nicht in eine neue Zeile umbrochen wird.

Zwei Wörter, die durch ein geschütztes Leerzeichen getrennt sind, bleiben zusammen (werden nicht in eine neue Zeile umgebrochen). Dies ist praktisch, wenn das Brechen der Wörter störend sein könnte.

Beispiele:

  • § 10
  • 10 km/h
  • 22 Uhr

Eine weitere häufige Verwendung des geschützten Leerzeichens besteht darin, Browser daran zu hindern, Leerzeichen in HTML-Seiten abzuschneiden.

Wenn Sie 10 Leerzeichen in Ihren Text schreiben, entfernt der Browser 9 davon. Um Ihrem Text echte Leerzeichen hinzuzufügen, können Sie das   Charakterwesen.

Tipp: Der nicht umbrechende Bindestrich ( ) wird verwendet, um einen Bindestrich (-) zu definieren, der nicht in eine neue Zeile umbricht.



Einige nützliche HTML-Zeichenentitäten

Result Description Entity Name Entity Number Try it
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;
¢ cent &cent; &#162;
£ pound &pound; &#163;
¥ yen &yen; &#165;
euro &euro; &#8364;
© copyright &copy; &#169;
® registered trademark &reg; &#174;

Hinweis: Bei Entitätsnamen wird zwischen Groß- und Kleinschreibung unterschieden.


Kombinieren von diakritischen Zeichen

Ein diakritisches Zeichen ist eine "Glyphe", die einem Buchstaben hinzugefügt wird.

Einige diakritische Zeichen, wie Grab ( ̀) und Akut ( ́) werden Akzente genannt.

Diakritische Zeichen können sowohl über als auch unter einem Buchstaben, innerhalb eines Buchstabens und zwischen zwei Buchstaben erscheinen.

Diakritische Zeichen können in Kombination mit alphanumerischen Zeichen verwendet werden, um ein Zeichen zu erzeugen, das in dem auf der Seite verwendeten Zeichensatz (Codierung) nicht vorhanden ist.

Hier sind einige Beispiele:

Mark Character Construct Result Try it
 ̀ a a&#768;
 ́ a a&#769;
̂ a a&#770;
 ̃ a a&#771;
 ̀ O O&#768;
 ́ O O&#769;
̂ O O&#770;
 ̃ O O&#771;

Im nächsten Kapitel dieses Tutorials werden Sie weitere HTML-Symbole sehen.