Textabsätze im HTML5
Einen neuen Absatz beginnen
Habe schon einen Artikel geschrieben fürs HTML: Absätze im HTML
HTML5 erkennt keine Absatzendezeichen oder Leerzeichen, die Sie in Ihren Texteditor eintippen. Um einen neuen Absatz auf der Webseite zu beginnen, nehmen Sie das p-Element.
- Tippen Sie
<p>ein. - Geben Sie den Inhalt des neuen Absatzes ein.
- Tippen Sie
</p>, um den Absatz zu beenden.
Nicht überraschend, dass
pzu den am häufigsten benutzten HTML-Elementen gehört.
Beispiel
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Lernen - Grundlagen und Tutorials</title>
<meta charset="utf-8" />
</head>
<body>
<article>
<h1>
Textabsätze im HTML5
</h1>
<p>
HTML erkennt keine Absatzendezeichen ➝ oder Leerzeichen, die Sie in Ihren Texteditor eintippen. ➝
</p>
<p>
Um ➝ einen neuen Absatz auf der Webseite zu beginnen, nehmen ➝ Sie das p-Element.
</p>
<h2>
Einen neuen Absatz beginnen
</h2>
<p>
Nicht überraschend, ➝ dass p zu den am häufigsten benutzten ➝ HTML-Elementen gehört.
</p>
<h2>
Feinstrukturierung
</h2>
<p>
Textabsätze dienen der Feinstrukturierung ➝ von längerem Fließtext. Typische Textabsätze bestehen aus ➝ einem bis einigen Sätzen, die sich um einen ➝ konkreten Sinnzusammenhang drehen.
</p>
</article>
</body>
</html>
Textabsätze dienen der Feinstrukturierung von längerem Fließtext. Typische Textabsätze bestehen aus einem bis einigen Sätzen, die sich um einen konkreten Sinnzusammenhang drehen.
Beispiel
<p>
Hier beginnt ein Absatz, und hier ist er zu Ende.
</p>
<p>
Hier beginnt ein neuer Absatz. Zwischen dem Absatz davor und diesem ist ein gewisser Abstand. Im Gegensatz zu einem einfachen Zeilenumbruch (<strong>Zeilenschaltung</strong>) handelt es sich hierbei um eine <strong>Absatzschaltung</strong>.
</p>
Das Tag <p> (p steht für paragraph = Absatz) leitet einen Textabsatz ein. </p> beendet den Textabsatz und steht am Ende des Absatztextes.
Ein Textabsatz kann Text und Textauszeichnungen (Textlevel-Semantics) enthalten, Zeilenumbrüche, aber auch Grafik, Video- oder Audio-Controls, Objekte und Formularelemente (Phrasing-Content in der Terminologie der HTML5-Spezifikation). Nicht erlaubte Inhalte sind andere gruppierende Elemente oder Elemente für Webseitenbereiche (Sectioning).
Info
Verwenden Sie das p-Element nicht, wenn es Elemente gibt, die den Inhalt von seiner Bedeutung her präziser auszeichnen. Verwenden Sie also etwa für ein Blockzitat das dafür vorgesehene Element.
Mit CSS bzw. CSS-Eigenschaften können Sie Absatzeigenschaften wie Vor- und Nachabstand, Einzüge, Schmuckrahmen, Hintergrund, Texteigenschaften, usw. festlegen. Mit Hilfe des globalen Attributs class und entsprechenden CSS-Formaten können Sie auch unterschiedliche Absatztypen definieren, wie es aus Textverarbeitungssystemen bekannt ist.