HTML - Web-CORS

Leon A. -

HTML-Entität

Eine HTML-Entität ist ein Textstück ("String"), das mit einem kaufmännischen Und (&) beginnt und mit einem Semikolon (;) endet. Entitäten werden verwendet, um reservierte Zeichen (die sonst als HTML-Code gelesen würden) und unsichtbare Zeichen (wie geschützte Leerzeichen) darzustellen. Sie können sie auch anstelle anderer Zeichen verwenden, die mit einer Standardtastatur schwer zu tippen sind.

Es gibt zwei Hauptarten von HTML-Entitäten:

Benannte Entität

Eine benannte Entität hat einen Namen. Zum Beispiel ist die benannte Entität für das Copyright-Symbol (©)

Beispiel für benannte Entität

©

Diese sind Groß- und Kleinschreibung zu beachten und enden mit einem Semikolon.

Numerische Entität

Numerische Entitäten können durch einen numerischen Wert dargestellt werden. Es gibt zwei Arten:

  • Dezimal: Dezimale numerische Entitäten werden als &#N; geschrieben, wobei N die ISO 10646 Dezimalzahl ist. Zum Beispiel ist die numerische Entität für das Copyright-Symbol (©)

Beispiel für dezimale numerische Entität

©
  • Hexadezimal: Hexadezimale numerische Entitäten werden als &#xN; geschrieben, wobei N die ISO 10646 Hexadezimalzahl ist. Zum Beispiel ist die numerische Entität für das Copyright-Symbol (©)

Beispiel für hexadezimale numerische Entität

©

Die Verwendung von HTML-Entitäten ist einfach - Sie müssen nur den Entitätsnamen oder die Nummer für das Zeichen kennen, das Sie darstellen möchten. Entitäten können sowohl im Text Ihres HTML-Dokuments als auch innerhalb von Attributwerten verwendet werden.

Gängige HTML-Symbole

HTML bietet viele Symbole, die Sie in Webseiten verwenden können. Hier sind einige häufige Symbole und ihre entsprechenden HTML-Entitäten:

Währungssymbole

  • Euro: Die HTML-Entität für das Euro-Symbol (€) ist €.
  • Pfund: Die HTML-Entität für das Pfund-Symbol (£) ist £.
  • Yen: Die HTML-Entität für das Yen-Symbol (¥) ist ¥.
  • Cent: Die HTML-Entität für das Cent-Symbol (¢) ist ¢.

Satzzeichen-Symbole

  • Kaufmännisches Und: Die HTML-Entität für das Kaufmännische Und-Symbol (&) ist &.
  • Größer als und Kleiner als: Die HTML-Entitäten für Größer als (>) und Kleiner als (<) Symbole sind &gt; und &lt;.
  • Anführungszeichen: Die HTML-Entitäten für Linkes doppeltes Anführungszeichen ("), Rechtes doppeltes Anführungszeichen ("), Linkes einfaches Anführungszeichen (') und Rechtes einfaches Anführungszeichen ('') sind:
    • Linkes doppeltes Anführungszeichen ("): “
    • Rechtes doppeltes Anführungszeichen ("): ”
    • Linkes einfaches Anführungszeichen ('): ‘
    • Rechtes einfaches Anführungszeichen ('): ’

Mathematische Symbole

  • Plus und Minus: Die HTML-Entitäten für Plus (+) und Minus (-) Symbole sind:

    • Plus (+): +
    • Minus (−): -

  • Multiplikation und Division

    • Multiplikation (×): ×
    • Division (÷): ÷

Brüche

Die folgenden Brüche haben spezifische Codes:

Beispiel: Ein Viertel (¼)

&frac14;

Beispiel: Eine Hälfte (½)

&lt;&frac12&gt;;

Beispiel: Drei Viertel (¾)

&lt;&frac34&gt;;

Pfeil-Symbole

Die folgenden Pfeilrichtungen haben spezifische Codes:

Doppelpfeile

Beispiel: Doppelpfeil nach links (⇐)

&amp;lArr;

Beispiel: Doppelpfeil nach oben (⇑)

&amp:uArr;

Beispiel: Doppelpfeil nach rechts (⇒)

&amp:rArr;

HTML-Symbole verwenden

Es gibt zwei Hauptmöglichkeiten, Symbole in Ihren HTML-Code einzufügen:

Direktes Einfügen von Symbolen

Sie können einige Symbole direkt mit Ihrer Tastatur in Ihren HTML-Code einfügen. Sie können das Dollarzeichen ($), das Pluszeichen (+) oder das Gleichheitszeichen (=) direkt in Ihrem Code verwenden.

Beispiel: Direktes Einfügen von Symbolen

<p>Der Preis beträgt $99.</p>
<p>2 + 2 = 4</p>

Verwendung von HTML-Entitäten

Für Symbole, die nicht auf Ihrer Tastatur verfügbar sind oder die in HTML eine besondere Bedeutung haben (wie < oder >), müssen Sie HTML-Entitäten verwenden. Sie können entweder benannte Entitäten oder numerische Entitäten verwenden.

Beispiel: Verwendung von HTML-Entitäten

<p>Dies ist das Copyright-Symbol: &copy;</p>
<p>Dies ist das Euro-Symbol: &euro;</p>
<p>Dies ist das Symbol für eingetragenes Warenzeichen: &#174;</p>

Bei der Verwendung von Symbolen auf Ihren Webseiten sollten Sie folgende bewährte Praktiken berücksichtigen:

  • Verwenden Sie Entitäten für reservierte Zeichen: Verwenden Sie immer HTML-Entitäten für Zeichen, die in HTML reserviert sind, wie < (&lt;), > (&gt;) und & (&amp;). Die Verwendung der tatsächlichen Zeichen kann Ihren HTML-Code durcheinanderbringen.
  • Seien Sie konsequent: Wählen Sie eine Methode (benannte oder numerische Entitäten) und bleiben Sie dabei auf Ihrer gesamten Website, um Konsistenz und Lesbarkeit zu gewährleisten.
  • Testen Sie Ihre Seite: Testen Sie Ihre Webseite immer in mehreren Browsern, um sicherzustellen, dass die Symbole korrekt angezeigt werden.
  • Berücksichtigen Sie die Barrierefreiheit: Einige Screenreader können möglicherweise nicht alle Symbole korrekt vorlesen. Stellen Sie, wo nötig, alternativen Text bereit, um sicherzustellen, dass alle Nutzer auf den Inhalt zugreifen können.

Denken Sie daran, dass Symbole zwar visuelles Interesse und Bedeutung zu Ihren Webseiten hinzufügen können, sie sollten jedoch sparsam und gezielt eingesetzt werden, um die Benutzererfahrung zu verbessern.

Browser-Unterstützung

Die meisten modernen Webbrowser unterstützen HTML-Symbole und -Entitäten. Gängige Browser wie Google Chrome, Mozilla Firefox, Apple Safari, Microsoft Edge und Internet Explorer können die meisten Symbole problemlos anzeigen.

Es gibt einige bekannte Inkonsistenzen bei bestimmten Symbolen in spezifischen Browsern:

  • Ältere Browserversionen: Ältere Versionen von Browsern, insbesondere Internet Explorer (vor Version 9), können möglicherweise nicht alle Symbole korrekt anzeigen. Wenn Ihre Website ältere Browser unterstützen muss, testen Sie Ihre Seiten und erwägen Sie, bei Bedarf alternative Inhalte bereitzustellen.

  • Schriftartunterstützung: Einige Symbole werden möglicherweise nicht korrekt angezeigt, wenn das Gerät des Benutzers keine Schriftart hat, die das Zeichen enthält. Dies ist bei weniger gebräuchlichen Symbolen wahrscheinlicher. Um dieses Problem zu minimieren, können Sie websichere Schriftarten verwenden oder Ersatzschriftarten bereitstellen.

  • Kodierungsprobleme: Wenn Ihr HTML-Dokument nicht die korrekte Zeichenkodierung (wie UTF-8) angibt, werden einige Symbole möglicherweise nicht richtig angezeigt. Legen Sie immer die passende Zeichenkodierung im HTML-Kopfbereich fest, wie hier:

Beispiel: Character Encoding

<meta charset="UTF-8">
  • Inkonsistenzen bei Entitätsnamen: Einige Browser erkennen möglicherweise Entitätsnamen in Kleinbuchstaben (wie &copy;), während andere Großbuchstaben erfordern (&COPY;). Um dieses Problem zu vermeiden, verwenden Sie immer Entitätsnamen in Kleinbuchstaben, da diese breiter unterstützt werden.

Um Benutzern ein gutes Erlebnis zu bieten, testen Sie Ihre Webseiten mit Symbolen auf verschiedenen Browsern und Geräten. Dies hilft Ihnen, browserspezifische Probleme und Inkonsistenzen zu erkennen und zu beheben.

Wenn Sie weniger gebräuchliche Symbole verwenden oder wenn die Browser-Unterstützung für Ihre Website ein Anliegen ist, erwägen Sie, alternativen Text oder Bilder bereitzustellen, um die gleiche Bedeutung zu vermitteln. Dies stellt sicher, dass alle Benutzer unabhängig von ihrem Browser oder Gerät auf Ihre Inhalte zugreifen können.