Eine Erklärung, was vorformatierter Text in HTML ist

Wenn Sie dem HTML-Code einer Webseite Text hinzufügen, beispielsweise in einem Absatzelement, haben Sie kaum oder gar keine Kontrolle darüber, wo diese Textzeilen umbrochen werden oder welche Abstände verwendet werden. Dies liegt daran, dass der Webbrowser den Text nach Bedarf basierend auf dem Bereich, der ihn enthält, fließen lässt. Das beinhaltet Responsive Websites die ein sehr flüssiges Layout haben wird, das sich je nach Größe des Bildschirms zum Anzeigen der Seite verwendet wird. HTML-Text bricht eine Zeile an der erforderlichen Stelle um, sobald er das Ende seines umschließenden Bereichs erreicht hat. Am Ende spielt der Browser eine größere Rolle bei der Bestimmung des Textumbruchs als Sie.

In Bezug auf das Hinzufügen von Abständen zum Erstellen eines bestimmten Formats oder Layouts erkennt HTML nicht die Abstände, die dem Code hinzugefügt werden, einschließlich Leertaste, Tabulator oder Wagenrücklauf. Wenn Sie zwischen einem Wort und dem darauffolgenden Wort zwanzig Leerzeichen setzen, wird der Browser dort nur ein einziges Leerzeichen darstellen. Dies wird als White Space Collaps bezeichnet und ist tatsächlich eines der Konzepte von HTML, mit denen viele Neulinge in der Branche anfangs zu kämpfen haben. Sie erwarten, dass HTML-Whitespace so funktioniert wie in einem Programm wie Microsoft Word, aber so funktioniert HTML-Whitespace überhaupt nicht.

In den meisten Fällen ist die normale Handhabung von Text in jedem HTML-Dokument genau das, was Sie brauchen, aber in anderen Instanzen möchten Sie vielleicht mehr Kontrolle darüber haben, wie der Text abläuft und wo er umbricht Linien. Dies wird als vorformatierter Text bezeichnet (mit anderen Worten, Sie bestimmen das Format). Sie können Ihren Webseiten mit HTML vorformatierten Text hinzufügen.

 Verwendung der 
 Etikett 

Vor vielen Jahren war es üblich, Webseiten mit vorformatierten Textblöcken zu sehen. Verwendung der 
 Tag zum Definieren von Abschnitten der Seite, die durch die Eingabe selbst formatiert wurden, war eine schnelle und einfache Möglichkeit für Webdesigner, den Text so anzuzeigen, wie er es wollte. Dies war vor dem Aufkommen von CSS für das Layout, als Webdesigner wirklich feststeckten, um das Layout durch die Verwendung von Tabellen und anderen reinen HTML-Methoden zu erzwingen. Dies (irgendwie) funktionierte zurück, weil vorformatierter Text als Text definiert ist, dessen Struktur durch typografische Konventionen und nicht durch das HTML-Rendering definiert wird. 

Heute wird dieses Tag nicht mehr so ​​oft verwendet, da wir mit CSS visuelle Stile viel effizienter diktieren können, als es zu versuchen Erscheinungsbild in unser HTML zu erzwingen und weil Webstandards eine klare Trennung von Struktur (HTML) und Stilen vorschreiben (CSS). Dennoch kann es Fälle geben, in denen vorformatierter Text sinnvoll ist, z. B. für eine Postanschrift, die Sie erzwingen möchten die Zeilenumbrüche oder für Beispiele von Gedichten, bei denen Zeilenumbrüche für das Lesen und den Gesamtfluss der Inhalt. 

Hier ist eine Möglichkeit, den HTML-Code zu verwenden 
 Etikett: 

Typisches HTML reduziert den Leerraum im Dokument. Dies bedeutet, dass die in diesem Text verwendeten Wagenrückläufe, Leerzeichen und Tabulatorzeichen alle auf ein Leerzeichen reduziert werden. Wenn Sie das obige Zitat in ein typisches HTML-Tag wie das p-Tag (Absatz) eingeben, erhalten Sie am Ende eine Textzeile wie folgt: 

Twas brillant und die glitschigen Toves wirbelten und wirbelten im Wabe herum. 

Das Pre-Tag lässt die Leerzeichen unverändert. Daher werden Zeilenumbrüche, Leerzeichen und Tabulatoren bei der Darstellung dieses Inhalts durch den Browser beibehalten. Setzen Sie das Zitat in a 
 Tag für denselben Text würde zu dieser Anzeige führen: 
Twas brillant und die glitschigen Toves
Habe gyre und gimble
im
das
wabe
 Über Schriftarten 

Das 
 tag nicht nur die Leerzeichen und Umbrüche für den von Ihnen geschriebenen Text beibehält. In den meisten Browsern ist es in einer Monospace-Schriftart geschrieben. Dadurch werden die Zeichen im Text alle gleich breit. Mit anderen Worten, der Buchstabe i nimmt genauso 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 dies noch mit ändern Stylesheets und wählen Sie eine andere aus Schriftart Sie möchten, dass der Text gerendert wird. 
 HTML5 

Beachten Sie, dass in HTML5 das Attribut "width" für die 
 Element. In HTML 4.01 gab die Breite die Anzahl der Zeichen an, die eine Zeile enthalten würde, aber dies wurde für HTML5 und darüber hinaus weggelassen.