Suche…


Allgemeine Sonderzeichen

Einige Zeichen sind möglicherweise für HTML reserviert und können nicht direkt verwendet werden, da sie den tatsächlichen HTML-Code blockieren können. Wenn Sie beispielsweise versuchen, die linken und rechten spitzen Klammern ( <> ) im Quellcode anzuzeigen, kann dies zu unerwarteten Ergebnissen in der Ausgabe führen. In ähnlicher Weise werden im Quellcode geschriebene Leerzeichen möglicherweise nicht wie erwartet im Ausgabe-HTML-Code angezeigt. Einige, wie ☎, sind im ASCII-Zeichensatz nicht verfügbar.

Zu diesem Zweck werden Zeichenentitäten erstellt. Diese haben die Form &entity_name; oder &entity_number; . Im Folgenden sind einige der verfügbaren HTML-Entitäten aufgeführt.

Charakter Beschreibung Entitätsname Nummer der Entität
"" schadensfreier Raum &nbsp; &#160;
"<" weniger als &lt; &#60;
">" größer als &gt; &#62;
"&" Et-Zeichen &amp; &#38;
"-" EM Dash &mdash; &#8212;
"-" en dash &ndash; &#8211;
"©" Urheberrechte © &copy; &#169;
"®" eingetragene Marke &reg; &#174;
“™” Warenzeichen &trade; &#8482;
"☎" Telefon &phone; &#9742;

Also schreiben

© 2016 Stack Exchange Inc.

Der folgende HTML-Code wird verwendet:

<b>&copy; 2016 Stack Exchange Inc.</b>

Zeichenelemente in HTML

Bei der Entwicklung einer Webseite in HTML sind viele Symbole und Sonderzeichen erforderlich. Wie wir jedoch wissen, kann die direkte Verwendung von Zeichen den tatsächlichen HTML-Code beeinträchtigen, der bestimmte Zeichen reserviert und bestimmte Zeichen auf der Tastatur nicht verfügbar sind. Um den Konflikt zu vermeiden und gleichzeitig verschiedene Symbole in unserem Code verwenden zu können, stellt uns w3 org 'Character Entities' zur Verfügung.

Zeichenentitäten sind mit 'Entitätsname' vordefiniert - & entity_name; und 'Entity Number' - & entity_number; Daher müssen wir eines der beiden verwenden, damit das erforderliche Symbol auf unserer Seite dargestellt wird.

Die Liste der wenigen Zeichenelemente finden Sie unter https://dev.w3.org/html5/html-author/charref

Ein einfaches Beispiel mit der Verwendung der Zeichenentität für 'Lupe':

<input type="text" placeholder="  &#128269; Search"/>

was macht als

Geben Sie hier die Bildbeschreibung ein



Modified text is an extract of the original Stack Overflow Documentation
Lizenziert unter CC BY-SA 3.0
Nicht angeschlossen an Stack Overflow