Erkunden Sie die Eigenschaften und Ausdrücke verschiedener Räume in HTML (empfohlen)

Erkunden Sie die Eigenschaften und Ausdrücke verschiedener Räume in HTML (empfohlen)

I. Überblick

Beim Schreiben von HTML-Vorlagen werden Leerzeichen manchmal als Mittel zur Textgestaltung verwendet. Am häufigsten werden Leerzeichen zwischen Textabsätzen eingefügt, um relativ unabhängige Wörter voneinander zu trennen. In dieser Situation verwenden wir jedoch normalerweise keine normalen Leerzeichen (halbbreite Leerzeichen, d. h. Leerzeichen, die bei der englischen Eingabemethode direkt auf der Tastatur eingegeben werden), da wir erwarten, dass durch die Eingabe mehrerer solcher Leerzeichen nacheinander ein Leerzeichen entsteht. Die tatsächliche Größe des auf der endgültigen Webseite angezeigten Leerzeichens entspricht nur der Größe eines Leerzeichens. Daher werden sie normalerweise verwendet, um halbbreite Leerzeichen zu ersetzen. Wenn Sie mehrere Leerzeichen nacheinander eingeben, entsteht eine entsprechende Anzahl von Leerzeichen. Tatsächlich definiert Unicode neben Unicode auch eine große Anzahl von Leerzeichen mit unterschiedlichen Eigenschaften, einschließlich HTML-Entitätsformen. In diesem Artikel werden diese relativ weniger beachteten Leerzeichen und ihre Eigenschaften untersucht.

2. Es gibt Leerzeichen im HTML-Entitätsformular in Unicode

Hier sind die Leerzeichen in Unicode mit HTML-Entity-Formularen und die daraus resultierenden Whitespace-Effekte:

Diese Räume können je nach ihren Eigenschaften in drei Kategorien unterteilt werden:

1. Keine Zeilenumbrüche

Es gibt nur eine Art geschütztes Leerzeichen. Seine wichtigste Funktion besteht darin, dass der Browser erkennt, dass es in der Mitte nicht unterbrochen werden kann. Dies ist auch der Hauptzweck seiner Erstellung. Hier ist eine kurze Einführung:

ist die Entität, die zur Darstellung eines geschützten Leerzeichens verwendet wird. Es handelt sich im Wesentlichen um ein Standard-Leerzeichen. Der Hauptunterschied besteht darin, dass ein Browser eine Textzeile an der Stelle, an der sich dieses Leerzeichen befindet, nicht unterbrechen (oder umbrechen) sollte.

Wenn beispielsweise im Satz „Dies ist ein Test für geschützte Leerzeichen“ zwischen den Wörtern Leerzeichen halber Breite verwendet werden und der Satz in einen Container mit gerade unzureichender Breite eingefügt wird, wird das Wort „Leerzeichen“ aufgrund der unzureichenden Breite in eine eigene Zeile umbrochen.

Wenn Sie „breaking“ und „space“ gleichzeitig umbrechen möchten, müssen Sie nur das Leerzeichen halber Breite zwischen „breaking“ und „space“ durch Folgendes ersetzen:

Man erkennt, dass gängige Zeichen wie „-“ vom Browser weiterhin als Worttrennzeichen betrachtet werden und da „Umbruch“ und „Leerzeichen“ zusammenhängen und nicht unterbrochen werden, betrachtet der Browser sie als vollständiges Wort und verschiebt sie gleichzeitig in die nächste Zeile, wenn die Position dies zulässt.

Es ist zu beachten, dass der Browser nicht richtig erkennen kann, welches Zeichen den Anfang und das Ende eines Wortes darstellt, wenn in einem großen Absatz mit englischem Text alle Leerzeichen verwendet werden. Unabhängig davon, wie Sie CSS-Eigenschaften wie Zeilenumbruch und Wortumbruch verwenden, um Wortumbrüche oder Zeilenumbrüche zu steuern, ist es daher schwierig, Wortumbrüche in der Mitte eines Wortes zu vermeiden, was oft nicht das gewünschte Ergebnis ist. Wenn in einem Absatz zwischen verschiedenen Wörtern eine große Anzahl aufeinanderfolgender Leerzeichen vorhanden ist, ist es daher am besten, als erstes Leerzeichen dieser aufeinanderfolgenden Leerzeichen ein normales Leerzeichen halber Breite zu verwenden, um sicherzustellen, dass immer noch eine normale Trennung zwischen den Wörtern besteht.

2. Leerzeichen entsprechend der Schriftgröße erzeugen

Diese Art von Leerzeichen enthält drei Leerzeichen und diese drei Leerzeichen erzeugen entsprechende Leergrößen je nach Schriftgröße, nämlich 1/2 em, 1 em, 1/6 em (manchmal mit einer Breite von 1/5 em). Die Rohlingsgröße ist in der folgenden Abbildung dargestellt:

Da es sich beim Chinesischen um eine Schriftart mit festem Abstand handelt, weist die Größe des erzeugten Leerraums eine klare proportionale Beziehung zur Größe des chinesischen Schriftzeichens auf (eines davon entspricht der Breite eines halben chinesischen Schriftzeichens, das andere der Breite eines chinesischen Schriftzeichens). Daher eignet sich dieser Leerraumtyp sehr gut zur Steuerung des Schriftsatzes, zum Beispiel:

3. Ligaturen mit Nullbreite kontrollieren Leerzeichen

Das heißt, ‌ und ‍, diese beiden Leerzeichen erzeugen keine Leerzeichen, sie können nur steuern, ob Zeichen verbunden werden. Diese beiden Zeichen sind auch „nicht druckbare Zeichen“ (oder „Steuerzeichen“), das heißt, sie beeinflussen den Druckeffekt nicht, sie werden nur zur Steuerung der Zeicheneigenschaften verwendet. Ein häufiges Phänomen bei westlichen Schriftarten ist die sogenannte Ligatur, die bedeutet, dass zwei separate Buchstaben so verbunden werden können, dass sie im verbundenen Zustand einen neuen Buchstaben bilden. Wenn man im Deutschen beispielsweise „f“ und „l“ verbindet, entsteht ein neues Zeichen und die Semantik des gesamten Wortes ändert sich oder wird ungrammatisch. Zum Beispiel:

Auf‌lage ist ein zusammengesetztes deutsches Wort, das aus zwei Bestandteilen besteht, „auf“ und „lage“. In der deutschen Grammatik können die Grenzen zusammengesetzter Wortbestandteile nicht getrennt werden, daher sollte zwischen „f“ und „l“ kein Bindestrich stehen. Wenn dieses Wort direkt in HTML geschrieben und direkt vom Browser gesteuert wird, ergibt sich folgender Effekt:

"f" und "l" werden verbunden, was nicht den grammatikalischen Vorgaben des Deutschen entspricht. Daher wird zwischen den beiden Buchstaben ein erzwungener Nicht-Bindestrich eingefügt. Die Auswirkung ist folgende:

Es ist zu beachten, dass nicht alle Browser auf ‌ und ‍ reagieren. Derzeit können diese beiden Zeichen in Chrome (44.0.2403.125) nicht so gesteuert werden, dass eine Silbentrennung oder Nicht-Silbentrennung erfolgt, während Safari (8.0.6) die Silbentrennung effektiv steuern kann.

Abschließend muss betont werden, dass Unicode zwar verschiedene Leerzeichen mit unterschiedlichen Eigenschaften hat, die für den Schriftsatz verwendet werden können, dass Leerzeichen theoretisch jedoch nicht für den Schriftsatz verwendet werden sollten. Der Schriftsatz sollte durch CSS gesteuert werden. Die für den Schriftsatz verwendeten Leerzeichen gehören nicht zum Inhalt, sondern sind mit dem Inhalt vermischt, was tatsächlich recht schwierig zu verwalten ist. Nur in Sonderfällen, in denen die Verwendung von CSS unpraktisch ist (z. B. in EML), sollten Leerzeichen beim Satz berücksichtigt werden.

Oben sind die Merkmale und Ausdrücke verschiedener Leerzeichen in HTML, die ich Ihnen vorgestellt habe (empfohlen). Ich hoffe, es wird Ihnen helfen. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und ich werde Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken!

<<:  Detaillierte Erläuterung der Implementierung mehrerer dreispaltiger adaptiver CSS-Layouts

>>:  Anwendungshandbuch für chinesische WEB-Schriftarten

Artikel empfehlen

So wählen Sie das Format bei der Verwendung von Binlog in MySQL

Inhaltsverzeichnis 1. Drei Binlog-Modi 1.Anweisun...

Lösung für die langsame Reaktion des Tomcat-Servers

1. Analytisches Denken 1. Beseitigen Sie die eige...

Zusammenfassung der verschiedenen Verwendungsmöglichkeiten von JSON.stringify

Vorwort Jeder, der schon einmal JSON verwendet ha...

MySQL Community Server 5.7.19 Installationshandbuch (detailliert)

Link zum Download der ZIP-Datei auf der offiziell...

HTML als Startseite festlegen und zu Favoriten hinzufügen_Powernode Java Academy

So implementieren Sie die Funktionen „Als Startse...

Eine kurze Einführung in Linux-Leistungsüberwachungsbefehle kostenlos

Wie können wir den Fehler lokalisieren, wenn im S...

Docker-Kern und spezifische Verwendung der Installation

1. Was ist Docker? (1) Docker ist ein Open-Source...

CSS3 verwendet Animationsattribute, um coole Effekte zu erzielen (empfohlen)

animation-name Animationsname, kann mehrere Werte...

Popularisierung der Theorie – Benutzererfahrung

1. Konzeptanalyse 1: UE User Experience <br /&...

Detaillierter Prozess der Installation von Jenkins-2.249.3-1.1 mit Docker

Inhaltsverzeichnis 1. Docker installieren 2. Zieh...