HTML-Tab-Zeichen. HTML-Formatierung. Fälle der Verwendung einiger Sonderzeichen, einschließlich geschützter Leerzeichen und weicher Bindestriche

Hallo, liebe Leser der Blog-Site! Diejenigen, die es zumindest oberflächlich geschafft haben, sich mit wahrscheinlich vertraut zu machen, haben es bereits zur Kenntnis genommen, wenn auch im Allgemeinen. Das bedeutet, dass sie eine Vorstellung davon haben, was HTML-Symbole im Dokumentcode verwendet.

Im heutigen Artikel werden wir versuchen herauszufinden, was ein Leerzeichen in HTML ist, in welchen Fällen Sie Leerzeichen verwenden können, wenn Sie den Code selbst formatieren, um ihn leichter erkennen zu können. Wir werden lernen, wann es notwendig ist, ein geschütztes Leerzeichen zu verwenden, und uns auch mit anderen Sonderzeichen (oder, wie sie auch genannt werden, Mnemonik) vertraut machen.

Tatsächlich würde ich raten, das Thema der Verwendung verschiedener Sonderzeichen nicht zu ignorieren, da dies eine wichtige Komponente ist, um das Studium der Hypertext-Auszeichnungssprache abzuschließen. Im Allgemeinen werden die Informationen in dieser Veröffentlichung sicherlich nicht überflüssig sein. Nun, jetzt zum Punkt.

Leerzeichen und Whitespace-Zeichen in HTML

Zunächst muss eine wichtige Bemerkung gemacht werden. Es gibt spezielle Tasten auf der Computertastatur, mit denen Sie Texttrennung implementieren können (mehr dazu weiter unten). Allerdings sorgt nur die breite Leertaste für eine Worttrennung, nicht nur im Editor, sondern auch im Browserfenster. Es gibt Nuancen beim Umbrechen von Zeilen und beim Einrücken von der Kante.

Wie Sie wissen, wird die Darstellung bestimmter Elemente in einem Webbrowser durch Tags bestimmt. Zur Textformatierung wird ein bekanntes blockbasiertes verwendet. Das heißt, sein Inhalt befindet sich über die gesamte verfügbare Breite.

Zu Zeilen in Absatz P umbrechen, müssen Sie ein einzelnes BR-Tag verwenden, mit dem dies möglich ist. Nehmen wir an, wir müssen in den Text einige Zeilen aus einem Gedicht einfügen, in das wir schreiben Texteditor:

Obwohl die Zeilen des Verses richtig angeordnet sind und die Bindestriche an den richtigen Stellen gesetzt sind, sieht im Browser alles anders aus:

Um die gleiche Anzeige in einem Webbrowser-Fenster zu erreichen, müssen Sie bei jedem Zeilenumbruch BR schreiben:

Jetzt haben wir die Aufgabe gelöst und im Browser werden die poetischen Zeilen ganz korrekt angezeigt:

Damit sind die notwendigen Zeilenumbrüche abgeschlossen. Zu beachten ist hier auch ein solches Feature, dass mehrere aufeinander folgende Leerzeichen vom Webbrowser als eins dargestellt werden. Sie können dies überprüfen, indem Sie im selben Editor versuchen, zwischen zwei Wörtern nicht nur ein, sondern mehrere Leerzeichen einzufügen, und sich das Ergebnis durch Klicken auf die Schaltfläche "Speichern" im Browser ansehen.

Leerzeichen, Tabulator und Zeilenumbruch

Grundsätzlich mit diesen Leerzeichen wir lernen uns kennen, sobald wir beginnen, mit dem text im editor zu arbeiten und ihn richtig zu formatieren. Um eine solche Aufgabe umzusetzen, gibt es spezielle Tasten, die jeweils einem eigenen Leerzeichen entsprechen:

• Leerzeichen - die breiteste Taste auf einer Computertastatur (ohne Beschriftung);
• Tabellierung - eine Taste auf der linken Seite mit der Aufschrift "Tab" und zwei Pfeilen, die in verschiedene Richtungen zeigen;
• Zeilenumbruch - "Enter"-Taste.

Allerdings erhalten wir, wie oben gesagt, nicht nur in einem Texteditor, sondern auch in einem Browser nur bei Verwendung der ersten Taste das gewünschte Endergebnis. Alle drei Tasten (einschließlich Tabulator und Zeilenumbruch) sind nützlich, wenn HTML-Code formatiert wird. Nehmen wir an, ein Stück Code sieht in NotePad ++ (Erklärmaterial zu diesem Editor) so aus, wenn alle Leerzeichen angezeigt werden:

Wir erhalten Code, der dank Leerzeichen einfach zu lesen und zu verstehen ist. Die orangefarbenen Pfeile markieren die Einzüge, die mit der Tabulatortaste erstellt wurden, und die Zeichen CR und LF markieren die Zeilenumbrüche, die mit der Eingabetaste vorgenommen wurden.

Verschachtelte Container werden angezeigt, öffnende und schließende Tags heben sich gut ab. In dieser Form angegebenen Code können leicht bearbeitet werden. Vergleichen Sie es nun mit dem gleichen Code, der keine solche Texttrennung hat:

Auf die gleiche Weise können Sie mit Leerzeichen und schreiben CSS-Regeln, die visuell verständlich und verdaulich aussehen wird:

Nachdem Sie alle Stile auf einen gemeinsamen Nenner gebracht und die Stildatei vollständig bearbeitet haben, können Sie sie bearbeiten, indem Sie alle Leerzeichen aus dem Code entfernen. Dies ist notwendig, um zu erhöhen, was bei der Förderung einer Ressource sehr wichtig ist.

Sonderzeichen (oder Mnemonics) im HTML-Code

Schauen wir uns nun die Fälle an, in denen es notwendig ist, die Sonderzeichen zu verwenden, die ich am Anfang des Artikels erwähnt habe. HTML-Sonderzeichen, die manchmal als Mnemonik bezeichnet werden, wurden eingeführt, um ein seit langem bestehendes Codierungsproblem in der Hypertext-Auszeichnungssprache zu lösen.

Wenn Sie Text auf der Tastatur eingeben, werden die Zeichen der von Ihnen verwendeten Sprache codiert. In einem Webbrowser wird der eingegebene Text in den von Ihnen ausgewählten Schriftarten als Ergebnis der umgekehrten Dekodierungsoperation wiedergegeben.

Tatsache ist, dass es viele solcher Kodierungen gibt, jetzt haben wir nicht das Ziel, sie im Detail zu analysieren. Nur können jedem von ihnen bestimmte Zeichen fehlen, die aber angezeigt werden müssen. Angenommen, Sie möchten einfache Anführungszeichen oder ein Akzentzeichen schreiben, und diese Symbole fehlen kitschig im Set.

Um dieses Problem zu beseitigen, wurde ein System von Sonderzeichen eingeführt, das eine Vielzahl verschiedener Mnemoniken enthält. Sie beginnen alle mit einem kaufmännischen Und „&“ und enden normalerweise mit einem Semikolon „;“. Anfangs hatte jedes Sonderzeichen einen eigenen digitalen Code. Für ein geschütztes Leerzeichen, auf das wir weiter unten näher eingehen werden, gilt beispielsweise der folgende Eintrag:

Aber nach einiger Zeit wurden den gebräuchlichsten Symbolen wörtliche Gegenstücke (Mnemonics) zugeordnet, um sie leichter zu merken. Nehmen wir an, für dasselbe geschützte Leerzeichen sieht es so aus:

Als Ergebnis zeigt der Browser das entsprechende Symbol an. Die Liste der Mnemotechnik ist sehr umfangreich, die am häufigsten verwendeten Sonderzeichen in HTML Sie können der folgenden Tabelle entnehmen:

Fälle der Verwendung einiger Sonderzeichen, einschließlich geschützter Leerzeichen und weicher Bindestriche

Wenn Sie die Tabelle bereits ein wenig studiert haben, haben Sie die oben genannten Worte bestätigt, dass zur Anzeige aller Sonderzeichen ein numerischer Code () oder sein alphabetisches Analogon (Zeichenmnemonik) verwendet wird, in dem Buchstaben () geschrieben werden anstelle einer Kombination aus Gitter und Zahlen.

Lassen Sie uns nun sehen, wann es notwendig ist, diese Codes anzuwenden. Angenommen, Sie müssen in einem Artikel ein HTML-Tag zu Informationszwecken angeben, z. B.