Wenn Sie dem HTML-Code für eine Webseite Text hinzufügen, beispielsweise in einem Absatzelement, haben Sie wenig oder keine Kontrolle darüber, wo diese Textzeilen zerbrechen oder welche Abstände verwendet werden. Dies liegt daran, dass der Webbrowser den Text nach Bedarf basierend auf dem Bereich fließen lässt, in dem er enthalten ist. Dazu gehören responsive Websites, deren Layout sehr fließend ist und sich je nach Größe des zur Anzeige der Seite verwendeten Bildschirms ändert. HTML-Text unterbricht eine Zeile an der Stelle, an der er benötigt wird, sobald er das Ende des übergeordneten Bereichs erreicht hat. Am Ende spielt der Browser eher eine Rolle bei der Bestimmung, wie der Text bricht, als Sie.
Beim Hinzufügen von Abständen zum Erstellen eines bestimmten Formats oder Layouts erkennt HTML nicht den Abstand, der zum Code hinzugefügt wird, einschließlich Leertaste, Tabulatorzeichen oder Wagenrücklauf. Wenn Sie zwanzig Leerzeichen zwischen einem Wort und dem folgenden Wort setzen, wird der Browser dort nur ein einziges Leerzeichen darstellen. Dies wird als "White Space Collapse" bezeichnet und ist eigentlich eines der Konzepte von HTML, mit denen viele Neuankömmlinge in der Industrie zunächst zu kämpfen haben. Sie erwarten, dass HTML-Whitespace so funktioniert, wie dies in einem Programm wie Microsoft Word der Fall ist, doch so funktioniert HTML Whitespace überhaupt nicht.
In den meisten Fällen ist die normale Handhabung von Text in einem HTML-Dokument genau das, was Sie benötigen. In anderen Fällen möchten Sie jedoch möglicherweise mehr Kontrolle darüber, wie der Text ausgefüllt wird und wo Zeilen unterbrochen werden. Dies ist als vorformatierter Text bekannt (dh Sie geben das Format vor). Mit HTML können Sie Ihren Webseiten vorformatierten Text hinzufügen
Verwendung der Etikett
Vor vielen Jahren war es üblich, Webseiten mit Blöcken mit vorformatiertem Text zu sehen. Verwendung der
Vor Mit einem Tag zum Definieren von Abschnitten der Seite, die durch die Typisierung selbst formatiert wurden, war es für Webdesigner eine schnelle und einfache Möglichkeit, den Text so anzuzeigen, wie er es wollte. Dies war vor dem Aufkommen von CSS für das Layout, als Webdesigner wirklich festhielten, das Layout mithilfe von Tabellen und anderen reinen HTML-Methoden zu erzwingen. Dies (irgendwie) wurde behoben, da vorformatierter Text als Text definiert wird, in dem die Struktur durch typografische Konventionen und nicht durch das HTML-Rendering definiert wird.
Heutzutage wird dieses Tag nicht mehr so häufig verwendet, weil CSS es uns ermöglicht, visuelle Stile auf viel effizientere Weise zu diktieren, als zu versuchen, das Erscheinungsbild in HTML einzuschränken, und weil Webstandards eine klare Trennung von Struktur (HTML) und Stilen (CSS) erfordern. Es kann jedoch Fälle geben, in denen vorformatierter Text sinnvoll ist, z. B. für eine Mail-Adresse, an der Sie die Zeilenumbrüche erzwingen möchten, oder für Beispiele für Gedichte, bei denen Zeilenumbrüche für das Lesen und den gesamten Fluss des Inhalts wesentlich sind.
Hier ist eine Möglichkeit, den HTML-Code zu verwenden
Etikett:
Twas brillig und die Slithey toves
Habe Scheiße und Spielereien
im
das
wabe
Bei einem typischen HTML-Code wird der Leerraum im Dokument reduziert. Das bedeutet, dass die in diesem Text verwendeten Wagenrücklaufzeichen, Leerzeichen und Tabulatorzeichen auf ein Leerzeichen reduziert werden. Wenn Sie das obige Anführungszeichen in ein typisches HTML-Tag wie das Tag p (Absatz) eingeben, erhalten Sie eine Textzeile wie folgt: Twas brillig und die slithey toves haben im wabe gyre und gimble Das pre-Tag lässt die Leerzeichen unverändert. Zeilenumbrüche, Leerzeichen und Registerkarten werden also im Browser beim Rendern des Inhalts beibehalten. Das Zitat in eine Vor Tag für denselben Text würde zu dieser Anzeige führen: Twas brillig und die Slithey toves Habe Scheiße und Spielereien im das wabe Das Vor tag führt mehr als nur die Leerzeichen und Unterbrechungen für den von Ihnen geschriebenen Text ein. In den meisten Browsern ist es in einer Monospace-Schrift geschrieben. Dadurch werden die Zeichen im Text in der Breite gleich. Mit anderen Worten, der Buchstabe i nimmt so viel Platz ein wie der Buchstabe w. Wenn Sie es vorziehen, anstelle der standardmäßigen Monospace-Schriftart, die der Browser anzeigt, eine andere Schriftart zu verwenden, können Sie diese weiterhin mit Stylesheets ändern und eine andere Schriftart auswählen, in der der Text gerendert werden soll. Dabei ist zu beachten, dass in HTML5 das Attribut "width" nicht mehr unterstützt wird Bearbeitet von Jeremy Girard am 02.02.17 In Bezug auf Schriftarten
HTML5
Element. In HTML 4.01 wurde in der Breite die Anzahl der Zeichen angegeben, die eine Zeile enthalten würde. Diese wurde jedoch für HTML5 und höher verworfen.
