HTML-Entities

Manche Zeichen sind in HTML besonders. Tippen Sie ein rohes < in gewöhnlichen Seitentext, kann der Browser meinen, ein Tag beginne. Tippen Sie ein rohes &, kann er meinen, eine Entität beginne. Zeichenentitäten (character entities) sind sichere Codes, die diese Symbole als sichtbaren Text anzeigen, statt den Parser zu verwirren. Diese Sitzung lehrt das Entitätensystem selbst: wann Sie sie brauchen, wie Sie gängige benannte Formen schreiben und wie Sie Überkodierung vermeiden, die Lesbarkeit ohne Nutzen zerstört. Wer die Regel versteht, schreibt zuverlässigere Tutorial-Seiten und eingebettete Beispiele über Editoren und Browser hinweg.

Was ist eine HTML-Entität?

Eine HTML-Entität ist eine kodierte Schreibweise für ein Zeichen im Markup. Die meisten benannten Entitäten beginnen mit & und enden mit ;. Der Browser ersetzt den Code beim Rendern durch das echte Zeichen. Entitäten brauchen Sie vor allem für Zeichen, die HTML bereits als Markup-Syntax nutzt, und manchmal für Symbole, die sich schlecht tippen lassen. Sie ersetzen weder UTF-8-Speicherung noch bedeuten sie, dass jedes Zeichen im Absatz eine Entität braucht. Denken Sie an präzise Werkzeuge: einsetzen, wo das Rohzeichen unsicher oder unklar wäre, normalen Fließtext sonst unangetastet lassen. Dieses Gleichgewicht schützt den Parser und hält den Quelltext für Autorinnen und Autoren lesbar.

Direkte Antwort

Nutzen Sie Entitäten, wenn ein Zeichen als Rohtext unsicher oder unklar wäre. Merken Sie sich zuerst: < für <, > für >, & für & und   für ein geschütztes Leerzeichen. Beenden Sie benannte Entitäten immer mit ;. Verwenden Sie sie in Absätzen und in HTML-Lehrbeispielen, sobald das Rohzeichen das Dokument zerbrechen oder falsch lesen würde. Wenn Sie Tags in einem normalen Satz zeigen, halten Entitäten das Beispiel als Text — nicht als lebendige Elemente. Brauchen Sie ein sichtbares Und-Zeichen in einem Markennamen im Stil von AT&T, ist & die übliche sichere Form. Beginnen Sie mit diesen vier und ergänzen Sie " sowie © bei Bedarf; lange Listen auswendig zu lernen lohnt erst, wenn die Grundregel sitzt.

Häufige Entitäten auf einen Blick

Reservierte Zeichen in Sätzen

Wenn Sie Tags in einem normalen Absatz lehren oder nennen, zeigen Sie sie mit Entitäten, damit sie Text bleiben. Leser sehen die vertraute Tag-Form, während das Dokument gültig bleibt, weil Sie kein echtes Tag mitten in die Erklärung gesetzt haben. Diese Gewohnheit ist zentral für Tutorials, technische Blogs und jede Seite, die HTML innerhalb von HTML erklärt. Ohne sie kann die Beispielzeile als neuer Absatz oder Abschnitt erscheinen, oder Text verschwindet, weil der Parser spitze Klammern „verschluckt“. Entitäten machen die Absicht klar: hier sind Anzeigezeichen, keine lebende Seitenstruktur.

Das Beispiel lesen

• <p> zeigt die Zeichen <p>, ohne dort ein Absatz-Element zu erzeugen
• Tom & Jerry erscheint als Tom & Jerry
• Ein rohes & ohne gültige Entität kann Parsing-Probleme verursachen
• Normale Buchstaben wie p und Jerry brauchen keine Entitäten
• Das Semikolon am Ende jeder benannten Entität gehört zur Regel, nicht zur optionalen Dekoration
• Vergleichen Sie Quelltext und gerenderten Text, um Code und Ergebnis zu sehen

Geschützte Leerzeichen

  ist ein Leerzeichen, das Browser nicht als weichen Umbruchpunkt zwischen den verbundenen Teilen nutzen sollen. Es hilft, eine kurze Beschriftung mit einer Zahl oder Wörter, die zusammenbleiben sollen, zu halten. Streuen Sie es nicht überall als Layout-Werkzeug — bevorzugen Sie normale Leerzeichen und CSS für echtes Design. Zu viele   machen den Quelltext unleserlich und können den Zeilenumbruch auf schmalen Bildschirmen behindern, ohne ein echtes Layout-Problem zu lösen. Nutzen Sie sie gezielt: kurzer Titel und Kapitelnummer, Einheit mit Wert, oder ein Wortpaar, das am Zeilenrand nicht reißen soll. Satzabstände, Ränder und Ausrichtung gehören in CSS.

Benannte Entitäten versus Symbol tippen

Viele Symbole können Sie als echtes Zeichen einfügen, wenn die Datei als UTF-8 gespeichert ist (siehe spätere Charset-Sitzung). Entitäten bleiben besonders wichtig für <, > und &, weil diese Zeichen Teil der HTML-Syntax sind. Die gängigen benannten Formen machen Lehrseiten und Beispiele über Editoren hinweg zuverlässig. Moderne Editoren erlauben oft direktes Einfügen von © oder typografischen Anführungszeichen, aber ein Tutorial, das Tags in einem Absatz zeigt, braucht weiterhin < und >. Benannte Entitäten sind in Text-Reviews auch klarer: Reviewer sehen den Code und verstehen die Absicht sofort. Ersetzen Sie nicht aus Gewohnheit jedes nicht-lateinische Zeichen durch numerische Entitäten; UTF-8 deckt den meisten modernen Fließtext ab. Behalten Sie Entitäten dort, wo Kodierung Bedeutung schützt oder Markup-Brüche verhindert.

Übung im Editor

1. Schreiben Sie einen Absatz, der den Text <div> mit < und > zeigt.
2. Fügen Sie eine Zeile mit sicher geschriebenem AT&T über & hinzu.
3. Setzen Sie   zwischen einen kurzen Titel und eine Zahl, die nicht umbrechen soll.
4. Öffnen Sie die Seite und prüfen Sie, ob die Symbole korrekt aussehen.
5. Betrachten Sie den Quelltext und finden Sie die Entitätscodes — vergleichen Sie Quelle und gerenderten Text.
6. Vergessen Sie absichtlich ein Semikolon an einer Entität, laden Sie neu, beobachten Sie das seltsame Ergebnis und beheben Sie es.
   Fragen Sie danach: Bleibt irgendein rohes & ohne vollständige Entität? Wurden normale Buchstaben ohne Grund kodiert? Wurde   nur dort genutzt, wo kein Umbruch gewollt ist? Die Übung verankert die Idee besser als eine Symboliste; der absichtliche Semikolon-Fehler zeigt, warum die Regel streng ist.

Fehler, die Entitäten zerbrechen

• ; am Ende einer Entität vergessen
• Ein alleinstehendes & im Text, das keine vollständige Entität ist (bevorzugen Sie &, wenn Sie ein Ampersand meinen)
• Gewöhnliche Buchstaben und Wörter kodieren, die nie Entitäten brauchten
•   als Ersatz für Margin und Layout statt CSS-Abstände zu lernen
• < und > vertauschen, wenn Sie Tag-Beispiele zeigen
  Diese Fehler wirken „klein“, bis einer die Darstellung bricht oder den Quelltext verschmutzt. Eine kurze Prüfung — im Datei nach & suchen und sicherstellen, dass jedes eine gültige Entität mit ; startet — verhindert die meisten Probleme vor der Veröffentlichung.

Zusammenfassung

• Entitäten zeigen reservierte oder Sonderzeichen sicher in HTML-Text
• Beginnen Sie mit <, >, & und  
• Benannte Entitäten beginnen mit & und enden mit ;
• Kodieren Sie spitze Klammern und Ampersands, wenn sie als Text erscheinen sollen
• Kodieren Sie normalen Fließtext-Buchstaben nicht ohne Grund
• Entitäten sind besonders hilfreich, wenn eine HTML-Seite HTML selbst lehrt
  Merken Sie die Regel, nicht die ganze Liste: Parser schützen, gewünschtes Symbol zeigen, Quelltext sauber halten. So bleiben Beispiele kopierbar und lehrbar — ohne Überraschungen im Browser.