HTML-Zeichencodes. HTML-Sonderzeichen. Griechische und koptische Alphabete

Sonderzeichen sind technische Zeichen, die nicht auf der Tastatur dargestellt werden und mit UNICODE oder einer anderen Metasprache kodiert sind. Sonderzeichen werden in Gruppen eingeteilt: mathematisch, griechisches Alphabet, ISO 8859-1 und andere. Warum sie benötigt werden und wie man sie verwendet, lesen Sie weiter im Artikel.

Verwendung von Sonderzeichen beim Schreiben von Dokumenten

Die Nutzung erfolgt zu folgenden Zwecken:

1. Dem Artikel Vollständigkeit und Ästhetik verleihen. Sonderzeichen helfen dabei, Dimensionswerte schnell zu verstehen oder einen historischen Namen auf Latein oder Griechisch zu lesen.
2. Einige Elemente sorgen für das korrekte Layout des Dokuments. Sind beispielsweise „“ und „“ unterschiedlich, werden die ersten übertragen Standardmittel, andere durch Sonderzeichen.
3. Bei der Gestaltung mathematischer Dokumente ist die Kenntnis der Hauptelementgruppen nicht erforderlich.

Grundzeichen

Das Material ermöglicht es Ihnen, Sonderzeichen in der entsprechenden Kodierung zu finden, um sie schnell in den Text einzufügen.

Satzzeichen

Pfeile

Kartenanzüge, Sternzeichen und Währungssymbole

griechisches Alphabet

Wie man es in der Praxis nutzt

Unabhängig vom CMS erfolgt das Hinzufügen eines Artikels über einen visuellen Editor und eine HTML-Version. Alle Sonderzeichen der Kodierung können nur im zweiten Fall eingefügt werden. Um die Tools richtig nutzen zu können, empfiehlt es sich, die Tabellen zur Kenntnis zu nehmen, die den Code und die externe Darstellung zeigen.

Bitte beachten Sie, dass beim Einfügen eines Zeichens in die visuelle Darstellung eines Artikels das Element in den entsprechenden Code in HTML umgewandelt wird. Berücksichtigen Sie bei der manuellen Eingabe von Informationen den Fall, der sich auf das Endergebnis auswirkt.

Maschinengeschriebener Text besteht aus gedruckten Zeichen – grafischen Symbolen.
Grafische Symbole sind Symbole, die im Text sichtbar dargestellt werden.
Alle grafischen Symbole werden in einem Satz eines einzigen universellen Unicode-Systems gesammelt.
Fügen Sie ein Unicode-Grafiksymbol in ein HTML-Dokument ein
- der Haupt- und einzige Zweck dieser Tabelle.

Sie können ein Symbol auf eine der folgenden Arten in ein HTML-Dokument einfügen:

1. Kopieren Sie das Symbolbild aus dem Browserfenster in das Fenster Ihres visuellen HTML-Editors
2. Kopieren Sie den HTML-Code des Symbols direkt in den Code des HTML-Dokuments

1. Visual in Visual einfügen
2. Code in Code einfügen.

Die Schriftart für ein Symbol, seine Größe und Farbe in HTML können mit Code wie dem folgenden festgelegt werden:
CHARACTER_CODE
Wo,
Arial - Schriftart,
10px – Schriftgröße in Pixel,
#ff0000 – Schriftfarbcode (rot)

Zum Beispiel:
☎ - Zeichenschriftgröße 30px,
☎ - Symbolschriftgröße 30 Pixel, Farbe - Rot
☎ - Zeichenschriftgröße 20px,
☎ - Symbolschriftgröße 10px.
Notiz Empfohlene Schriftarten zum Einfügen von Sonderzeichen sind Arial, Verdana und Tahoma. Diese Schriftarten stellen Unicode-Zeichen korrekt dar und werden selbst von Webanwendungen korrekt unterstützt.

1. "Symbol"
   (sichtbare Symbolanzeige)
   Aus dieser Spalte können Sie das Symbolbild kopieren und in das HTML-Texteditorfenster einfügen. Das Symbol wird mit einer Schriftgröße von 20px kopiert. Nach Abschluss des Kopiervorgangs kann es erforderlich sein, die Schriftgröße individuell direkt an das kopierte Zeichen anzupassen.
2. "Name"
   (nur für wichtige bzw seltsame Charaktere)
   Erläuterung des Zwecks des Symbols, seines Geltungsbereichs, Beispiele...
3. "Mnemonik"
   Eine Mnemonik ist eine alphabetische Konstruktion der Form „, die den alphabetischen Code eines Zeichens in HTML bezeichnet. Sie wird direkt in den HTML-Code eines HTML-Dokuments eingefügt. Mnemoniken sind bei professionellen Layout-Designern sehr beliebt. Sie werden von Menschen und Menschen perfekt auswendig gelernt werden von allen HTML-Anwendungen unterstützt. Jede Mnemonik enthält einen alphabetischen Namen (Bezeichnung) ihres Symbols und ein Dienstzeichen (&), das als Signal für den Browser zum Lesen des Codes dient und nicht auf dem Bildschirm angezeigt wird.Der Name Jede Mnemonik ist einzigartig und leicht zu lesen, da sie von dem englischen Wort abgeleitet ist, das das Symbol charakterisiert.

   Mnemonik (Griechisch) – die Kunst, sich an etwas zu erinnern. Mnemoniken werden verwendet, um die Wahrnehmung schwer zu merkender Informationen zu erleichtern, wenn das Objekt der Erinnerung mit etwas in einen assoziativen Zustand gebracht wird.

4. "Code"
   Code – numerisch Dezimalcode Zeichen in HTML, wie &. Direkt in den HTML-Code eines HTML-Dokuments eingefügt. Der Dezimalcode besteht aus einer Zahl, die die Seriennummer des Zeichens im Unicode-System angibt, und mehreren Dienstzeichen (& und #), die als Signal für den Browser zum Lesen des Codes dienen und nicht auf dem Bildschirm angezeigt werden. Der Dezimalcode ist aufgrund seiner Vielseitigkeit und einfachen Erkennbarkeit weit verbreitet und wird häufig verwendet.

Steuerzeichen in HTML (XHTML)

Steuerzeichen in HTML (XHTML) sind Dienstzeichen der HTML-Sprache, die im HTML-Layout einer Webseite verwendet werden. Jeder Browser muss diese Zeichen unterstützen, da es ohne sie nicht möglich ist korrekte Anzeige HTML-Text. Steuerzeichen werden nicht im Text angezeigt und werden bei direkter Eingabe über die Tastatur vom Browser als Satzzeichen interpretiert, die beim Zeichnen der Seite auf dem Bildschirm die Ausführung einer Aktion auffordern.

Es ist erlaubt, Steuerzeichen in gewöhnlichen Texten zu verwenden, wenn sie universelle Konzepte symbolisieren und vom Browser als gewöhnliche typografische Zeichen interpretiert werden. Wenn Sie Dienstsymbole in HTML-Texten auf diese Weise verwenden, müssen Sie nicht den Wert des Symbols selbst, sondern seinen HTML-Code eingeben. Denn ich wiederhole, sonst nimmt der Browser das Service-Symbol als Aufruf zum Handeln wahr und zeigt den HTML-Text nicht korrekt auf dem Monitorbildschirm an.

Steuersymbole und ihr HTML-Code sind ausnahmslos allen Browsern bekannt und verständlich. Dies gilt leider nicht für andere Symbole, die in verschiedenen Browsern möglicherweise falsch oder, noch schlimmer, überhaupt nicht angezeigt werden.

Syntax und Interpunktion

Marken und Währung

Heute erfahren Sie es So erstellen Sie ein Kontrollkästchen in HTML und füge ihm hinzu CSS Stile für eine bessere Kompatibilität mit dem Website-Design.

Demonstration

Kontrollkästchen in HTML

Erstellen wir einen Block mit vier Kontrollkästchen. Das erste wird mit einem Häkchen markiert. Jedes Kontrollkästchen wird in ein Tag eingeschlossen Etikett, in dem sich ein Eingabefeld, Text und ein Element befinden Spanne gestylt werden.

Eins

Zwei

Drei

Vier

Etikett Etikett dient als Container für jedes Kontrollkästchen; der Übersichtlichkeit halber habe ich dem Tag vorübergehend einen roten Rahmen gesetzt Etikett. Wenn es wenig Erfahrung gibt, dies gute Möglichkeit Sehen Sie sich die Grenzen eines Tags an, um nicht blind zu handeln.

CSS für Kontrollkästchen

Zeilen-Tag Etikett, ersetzen Sie es durch block (Bildschirmsperre) so dass die Kontrollkästchen untereinander stehen, Benutzerauswahl: keine– verhindert, dass der Benutzer ein Element auswählt.

Behälter (
Bildschirmsperre;
Benutzerauswahl: keine;
}

Dieser Code verbirgt die Standardbrowser-Stile für das Kontrollkästchen. Wir machen das Element vollständig transparent Deckkraft, Breite Und Höhe mit einem Nullwert und legen Sie stattdessen benutzerdefinierte Stile für das Kontrollkästchen fest.

Containereingabe (
Deckkraft: 0;
Höhe: 0;
Breite: 0;
}

Wir erstellen benutzerdefinierte Kontrollkästchen. Ändern Sie die Größe und Farbe des Hintergrunds.

Häkchen (
Höhe: 23px;
Breite: 22px;
Hintergrundfarbe: #eec321;
}

Wenn Sie den Mauszeiger bewegen, wird die Hintergrundfarbe etwas dunkler.

Container: Hover-Eingabe ~ .checkmark (
Hintergrundfarbe: #ccc678;
}

Legen Sie für ein aktiviertes Kontrollkästchen eine andere Farbe für den Hintergrund fest.

Containereingabe:geprüft ~ .checkmark (
Hintergrundfarbe: #2196f3;
}

Ausblenden des Kontrollkästchens für nicht aktivierte Kontrollkästchen mithilfe eines Pseudoelements nach.

Häkchen:nach (
Inhalt: "";
Position: absolut;
Anzeige: keine;
}

Wir machen das Häkchen nur für aktivierte Kontrollkästchen sichtbar.

Containereingabe:geprüft ~ .checkmark:nach (
Bildschirmsperre;
}

Zeichnen und stilisieren Sie das Häkchen. Wir zeichnen ein Häkchen auf ein Leerzeichen CSS. Zeichnen wir ein Rechteck mit einem weißen Rahmen, die beiden Seiten des Rechtecks ​​haben keinen Rahmen (Breite Null), wir erhalten eine rechteckige Ecke, wir drehen sie um 45 Grad und wir erhalten ein Häkchen.

Das Häkchensymbol ist auf der Tastatur nicht vorhanden, aber mit speziellen Kombinationen können Sie es ganz einfach zu Ihrer Nachricht, Ihrem Beitrag oder Ihrem Textdokument hinzufügen.

Schauen wir uns genauer an, wie dies bewerkstelligt werden kann.

Arten von Häkchen + Verwendungen

Das Häkchen (Vogel, Dohle) ist ein spezielles Symbol, das oft verwendet wird, um die Bestätigung einer Sache zu beschreiben.

Kann bei der Gestaltung von Auflistungen oder beim Unterstreichen von Gedanken gefunden werden. Nach dem Lesen folgende Anweisungen, können Sie das Symbol selbst finden und verwenden.

Die einfachste Möglichkeit besteht darin, das Objekt aus diesem Artikel zu kopieren. Es gibt verschiedene Arten von Symbolen:

Wenn Sie ein Kontrollkästchen für die Verwendung in einem Satz oder einer Phrase benötigen, kopieren Sie einfach das gewünschte Element, indem Sie es markieren und STRG und C auf Ihrer Tastatur drücken.

Um selbst einen Vogel auf der Tastatur einzugeben, müssen Sie Unicode verwenden. Geben Sie den Buchstaben U und + ein. Dann müssen Sie den Badge-Code wählen.

Digitale Symbole für verschiedene Typen Die Häkchen lauten wie folgt: 2713 (normales Zeichen), 2714 (fett), 2705 (hervorgehobenes Häkchen in einem Quadrat), 2611 (normales Häkchen in einem Quadrat).

Wenn die Kombination U+2713 oder eine andere nicht automatisch in ein Häkchen umgewandelt wird, ist das Dokument höchstwahrscheinlich nicht für die automatische Erkennung von Unicode-Zeichen konfiguriert oder Sie geben den Code falsch ein.

Der Text wird sofort in das gewünschte Symbol umgewandelt, sodass Sie ihn sicher in Nachrichten und verschiedene Beiträge eingeben können.

Symbol in MS Word

Jeder, der es schon einmal verwendet hat, weiß, dass das Setzen von Sonderzeichen dabei hilft, das Dokument zu strukturieren und es leichter lesbar zu machen.

Möglicherweise benötigen Sie das Häkchen beim Erstellen einer Aufgabenliste oder Aufzählung.

Unerfahrene Benutzer erstellen ein Schild, indem sie dem Dokument ein Bild mit dem gewünschten Element hinzufügen. Dieser Ansatz ist falsch, da er die endgültige Dateigröße erhöht.

Alles kann viel einfacher erledigt werden. Um das Kontrollkästchen in Word zu aktivieren, befolgen Sie die nächsten Schritte.

• Öffnen Sie das Dokument in einer beliebigen Version des Programms. Abhängig vom Erscheinungsjahr der Software kann die Position der erforderlichen Registerkarten unterschiedlich sein;
• Klicken Sie auf den Abschnitt „Einfügen“.
• Suchen Sie auf der rechten Seite der Symbolleiste das Element „Symbol“ und klicken Sie darauf.
• Klicken Sie im Dropdown-Fenster auf „Andere Symbole“.

• Im Popup-Fenster können Sie das Häkchen mit einer von zwei Methoden finden. Wählen Sie das Set „Dingbats“ aus und klicken Sie auf das gewünschte Element in der vorgeschlagenen Liste oder geben Sie unten im Fenster den Elementcode in Unicode (hexadezimal) ein. Beispiel: 2714. Word findet automatisch das benötigte Objekt. Klicken Sie darauf und bestätigen Sie die Aktion mit einem Klick auf „OK“.

Abb. 3 – Sonderzeichen in Word

Nachdem Sie dem Hauptteil des Dokuments ein Häkchen hinzugefügt haben, können Sie beliebige Formatierungen darauf anwenden: Farbe, Schriftart, Überschriftentyp und andere Optionen ändern.

HTML-Sonderzeichen sind spezielle Sprachkonstrukte, die auf Zeichen aus dem verwendeten Zeichensatz verweisen Textdateien. Die Tabelle zeigt eine Liste reservierter und Sonderzeichen, die nicht hinzugefügt werden können Quelle HTML-Dokument über die Tastatur:

• Zeichen, die nicht über die Tastatur eingegeben werden können (z. B. ein Copyright-Symbol)
• Zeichen, die zur Markierung bestimmt sind (z. B. ein Größer-als- oder Kleiner-als-Zeichen)

Solche Zeichen werden mithilfe eines Zahlencodes oder Namens hinzugefügt.

In HTML unterstützte mathematische Symbole

Griechische und koptische Alphabete

Warum werden Sonderzeichen benötigt und wie verwendet man sie?

Nehmen wir an, Sie möchten ein Tag auf Ihrer Seite beschreiben, der Browser verwendet jedoch Zeichen< и >Wie der Anfang und das Ende eines Tags kann die Anwendung innerhalb des Inhalts Ihres HTML-Codes zu Problemen führen. Aber HTML bietet Ihnen eine einfache Möglichkeit, diese und andere Sonderzeichen mithilfe einfacher Abkürzungen zu definieren Verweise auf Symbole.

Schauen wir uns an, wie das funktioniert. Für jedes Zeichen, das als besonders gilt oder das Sie auf Ihrer Webseite verwenden möchten, das aber nicht in Ihrem Editor gedruckt werden kann (z. B. das Copyright-Symbol), suchen Sie die Abkürzung und drucken sie im HTML-Code anstelle des gewünschten Zeichens aus . Für das Symbol „>“ lautet die Abkürzung beispielsweise > und für das Symbol „<" - < .

Nehmen wir an, Sie möchten „Element“ drucken sehr wichtig“ auf seiner Seite. Stattdessen müssen Sie Verweise auf die Symbole verwenden, die Sie benötigen, um den Eintrag korrekt anzuzeigen, und am Ende sollte Ihr Eintrag im Code so aussehen:

Element sehr wichtig

Ein weiteres Sonderzeichen, das Sie kennen müssen, ist das &-Symbol (kaufmännisches Und). Wenn Sie möchten, dass es auf Ihrer HTML-Seite angezeigt wird, verwenden Sie den &-Link anstelle des &-Zeichens.