So steuern Sie Textblöcke in HTML5
Textblöcke bilden die Grundlage Ihrer Webseite ein. Sie verwenden Textblöcke solche Dinge wie Überschriften, Absätze und Listen zu erstellen. Sie können diese Blöcke in kleinere Stücke zu einer besseren Führung Leser durch Ihre Inhalte brechen.
Block-Zitate
EIN Block Zitat ein Zitat ist, oder ein Auszug aus einem urheberrechtlich geschützten Quelle, dass Sie auf einer Seite auseinander gesetzt. Verwenden Sie das Element Zitate einzuschließen:
Berühmte Zitate Ein inspirierendes Zitat
Wenn ich ein wenig Inspiration brauchen, um mich daran zu erinnern, warum ich meine daysin das Klassenzimmer verbringen, ich erinnere mich genau das, was Lee Iococca sagte:
In einer vollständig rationalen Gesellschaft, wäre die beste von uns teachersand der Rest von uns würde für etwas anderes zu begleichen.
Die meisten Web-Browser Block Zitat Inhalt mit einem leichten linken Einzug angezeigt werden, wie es in dieser Figur gezeigt.
vorformatierte Text
Normalerweise ignoriert HTML Leerraum innerhalb von Dokumenten. Deshalb ist ein Browser nicht von einem Block-Elements angezeigt werden
Harte kehrt zurück.
Zeilenumbrüche.
Große weiße Räume.
Das folgende Markup enthält verschiedene Zeilenumbrüche, Zeilenumbrüche und viele Räume. Die Abbildung zeigt, dass der Web-Browser all dies ignoriert.
Dies ist ein paragraphwith eine Menge weißer spacethrown in für Spaß (und als Test natürlich).
Der vorformatierte Textelement () weist Browser alle Leerzeichen intakt zu halten, während sie Ihre Inhalte anzeigt. (Wie in dem Codebeispiel gezeigt.) Verwenden Sie das Element anstelle des
Element zu machen der Browser alle Ihre weißen Raum gelten, wie in der Abbildung dargestellt.
White Space
Dies ist ein paragraphwith eine Menge weißer spacethrown in für Spaß (und als Test natürlich).
Sie können den Browser wollen Leerzeichen in einer HTML-Seite anzuzeigen, in dem richtigen Abstand ist wichtig, wie für
Codebeispiele
Columnare Daten, Zahlen oder andere Format empfindlichen Text
Texttabellen
Sie könnten Nest Elemente innerhalb Elemente steuern, um sorgfältig wie Linien von zitierten Text auf der Seite erscheinen. Oder noch besser, vergessen über diese Tags und verwenden CSS Textblöcke innerhalb Elemente zu positionieren.
Horizontale Vorschriften
Mit Hilfe eines horizontalen Regelelement (hr) Können Sie feste gerade Linien umfassen genannt Regeln Auf deiner Seite.
Der Browser erstellt die Regel auf der Grundlage der hr Element, so warten die Benutzer nicht für eine Grafik zum Download bereit. Eine horizontale Regel ist eine gute Wahl
Brechen Sie eine Seite in logische Abschnitte.
Separate Kopf- und Fußzeilen aus dem Rest der Seite.
Formatierung
Wenn Sie sind ein
Element auf Ihrer Seite, wie im folgenden HTML, ersetzt der Browser es mit einer Linie, wie in der Abbildung dargestellt.
Horizontal-Regeln Das ist ein Absatz durch eine horizontale Linie gefolgt.
Das ist ein Absatz durch eine horizontale Regel voraus.
Eine horizontale Regel sitzt immer auf einer Linie von itself- Sie das nicht hinzufügen
Element in der Mitte eines Absatzes (oder einem anderen Block-Element) und erwarten, dass die Regel in der Mitte des Blocks zu erscheinen.
Das folgende Stück HTML erzeugt eine horizontale Linie, die 45 Prozent der Seitenbreite einnimmt, beträgt 4 Pixel (px) hoch, zum Zentrum ausgerichtet ist, und hat Schattierung ausgeschaltet:
Das ist ein Absatz durch eine horizontale Linie gefolgt.
Das ist ein Absatz durch eine horizontale Regel voraus.
Die Abbildung zeigt, wie Hinzufügen von Attributen in dem vorhergehenden Beispiel ändert, wie in der Regel erscheint. (Hinweis: Diese Attribute sind veraltet, und am besten mit CSS-Äquivalente ersetzt. Veraltete Attribute werden online abgedeckt und die vorangehende HTML ist nicht gültig.)
