Hallo, liebe Leser der Blogseite! Diejenigen, die sich zumindest oberflächlich damit vertraut gemacht haben, haben es wahrscheinlich bereits zur Kenntnis genommen, wenn auch im Allgemeinen. Dies bedeutet, dass sie eine Vorstellung davon haben, welche HTML-Symbole im Allgemeinen im Dokumentcode verwendet werden.

Im heutigen Artikel werden wir versuchen herauszufinden, was ein Leerzeichen in HTML ist und in welchen Fällen Sie beim Formatieren des Codes selbst Leerzeichen verwenden können, um das Lesen zu erleichtern. Wir werden herausfinden, wann es notwendig ist, ein geschütztes Leerzeichen zu verwenden, und uns auch mit anderen Sonderzeichen (oder, wie sie auch genannt werden, Mnemoniken) vertraut machen.

Tatsächlich würde ich Ihnen raten, das Thema der Verwendung verschiedener Sonderzeichen nicht zu ignorieren, da dies eine wichtige Komponente ist, die es Ihnen ermöglicht, Ihr Studium der Hypertext-Auszeichnungssprache abzuschließen. Im Allgemeinen werden die in dieser Veröffentlichung bereitgestellten Informationen sicherlich nicht überflüssig sein. So, nun zur Sache.

Leerzeichen und Whitespace-Zeichen in HTML

Zunächst ist eine wichtige Anmerkung zu machen. Auf einer Computertastatur gibt es spezielle Tasten, mit denen Sie Text trennen können (mehr dazu weiter unten). Allerdings sorgt nur eine breite Leertaste für die Trennung zwischen Wörtern nicht nur im Editor, sondern auch im Browserfenster. Beim Umbrechen von Linien und beim Einrücken von Kanten gibt es Nuancen.

Wie Sie wissen, wird die Anzeige bestimmter Elemente in einem Webbrowser durch Tags bestimmt. Zur Formatierung des Textes wird das bekannte blockbasierte Format verwendet. Das heißt, sein Inhalt erstreckt sich über die gesamte verfügbare Breite.

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

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

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

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

Damit sind die notwendigen Zeilenumbrüche abgeschlossen. Eine weitere Besonderheit, die hier zu beachten ist, besteht darin, dass mehrere nacheinander kommende Leerzeichen vom Webbrowser als eins angezeigt werden. Sie können dies überprüfen, indem Sie im selben Editor versuchen, nicht ein, sondern mehrere Leerzeichen zwischen zwei Wörtern einzufügen und durch Klicken auf die Schaltfläche „Speichern“ das Ergebnis im Browser betrachten.

Leerzeichen, Tabulator und Zeilenumbruch

Grundsätzlich mit diesen Leerzeichen Wir lernen uns kennen, sobald wir mit der Bearbeitung des Textes im Editor beginnen und ihn formatieren in der richtigen Form. Zur Umsetzung einer solchen Aufgabe gibt es Sondertasten, denen jeweils ein eigenes Leerzeichen entspricht:

• Die Leertaste ist die breiteste Taste auf einer Computertastatur (ohne Beschriftung);
• Tab – 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 ich oben sagte, das gewünschte Endergebnis nicht nur in einem Texteditor, sondern auch in einem Browser nur, wenn wir die erste Taste verwenden. Alle drei Tasten (einschließlich Tabulator und Zeilenumbruch) sind beim Formatieren von HTML-Code nützlich. Nehmen wir an, so sieht ein Codefragment in NotePad++ aus (es gibt viele Informationen zu diesem Editor), wenn alle Leerzeichen angezeigt werden:

Wir erhalten Code, der dank Leerzeichen leicht zu lesen und zu verstehen ist. Orangefarbene Pfeile kennzeichnen Einrückungen, die mit der Tabulatortaste erstellt wurden, und CR- und LF-Symbole kennzeichnen Zeilenumbrüche, die mit der Eingabetaste erstellt wurden.

Ineinander verschachtelte Container werden angezeigt und öffnende und schließende Tags sind deutlich sichtbar. In dieser Form diesen Code Sie können es leicht bearbeiten. Vergleichen Sie es nun mit demselben Code, der keine solche Textaufteilung hat:

Auf die gleiche Weise können Sie auch mit Leerzeichen schreiben CSS-Regeln, das optisch klar und verdaulich aussieht:

Nachdem Sie alle Stile auf einen gemeinsamen Nenner gebracht und die Bearbeitung der Stildatei vollständig abgeschlossen haben, können Sie die Bearbeitung durchführen, 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 Mnemoniken) im HTML-Code

Schauen wir uns nun die Fälle an, in denen die Verwendung der Sonderzeichen erforderlich ist, die ich am Anfang des Artikels erwähnt habe. HTML-Sonderzeichen, manchmal auch Mnemoniken genannt, wurden eingeführt, um ein seit langem bestehendes Problem mit Codierungen zu lösen, das in der Hypertext-Markup-Sprache auftrat.

Wenn Sie Text auf der Tastatur eingeben, werden die Zeichen der von Ihnen verwendeten Sprache codiert. Im Webbrowser wird der eingegebene Text mit den Schriftarten angezeigt, die Sie als Ergebnis der umgekehrten Dekodierung ausgewählt haben.

Tatsache ist, dass es viele solcher Kodierungen gibt; jetzt haben wir kein Ziel, sie im Detail zu analysieren. Es können lediglich bestimmte Symbole fehlen, die jedoch angezeigt werden müssen. Nehmen wir an, Sie verspüren den Drang, einfache Anführungszeichen oder ein Akzentzeichen zu schreiben, aber diese Symbole sind einfach nicht im Satz enthalten.

Um dieses Problem zu beseitigen, wurde ein System spezieller Symbole eingeführt, das eine Vielzahl unterschiedlicher Mnemoniken umfasst. Sie beginnen alle mit einem kaufmännischen Und „&“ und enden normalerweise mit einem Semikolon „;“. Zunächst hatte jedes Sonderzeichen einen eigenen digitalen Code. Für ein geschütztes Leerzeichen, auf das wir im Folgenden näher eingehen, gilt beispielsweise folgender Eintrag:

Doch nach einiger Zeit wurden den gebräuchlichsten Symbolen Buchstabenanaloge (Mnemoniken) zugewiesen, 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 Mnemoniken 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 Bestätigung dessen erhalten, was ich oben gesagt habe, dass zur Anzeige aller Sonderzeichen ein digitaler Code () oder sein alphabetisches Analogon (symbolische Mnemonik) verwendet wird, wobei anstelle einer Reihe von Hashes Markierungen und Zahlen, Buchstaben () werden geschrieben.

Sehen wir uns nun an, wann diese Codes verwendet werden sollten. Nehmen wir an, Sie müssen in einem Artikel zu Informationszwecken ein HTML-Tag angeben, zum Beispiel: