Organisiert, wie man HTML5 Text - Dummies

Über die obligatorische Unterteilung in Kopf- und Rumpfabschnitte hinaus kann Text im Rumpf eines HTML-Dokuments auf verschiedene Arten organisiert werden.

Kredit: © iStockphoto. com / Chimpinski

Dokumentenköpfe

Innerhalb des Abschnitts können (und sollten) alle Arten von Beschriftungen und Informationen, einschließlich eines Titels, definiert werden. Solche Definitionen helfen Ihnen bei der Beschreibung des folgenden Dokuments, einschließlich der verwendeten Zeichensätze, Metadaten für Suchmaschinen und Seitenbeschreibungen und Anweisungen für den Webserver, der Ihre Seite ausliefert, Standard-Stylesheets, Seitenaktualisierungsverhalten und vieles mehr.

(Hinweis: Metadaten bedeuten wörtlich "Daten über Daten" - in diesem Fall sind es Informationen über die folgende Webseite.) Weitere Informationen zum HTML-Element, besuchen Sie bitte diese Seiten:

• w3schools. com HTML-Tag-Seite

• quackit. com HTML 5 Tag Seite

• W3C Working Draught HTML5: Ausgabe für Webautoren Seite

In diesem Abschnitt werden reale Inhalte in HTML-Dokumenten gespeichert und die meisten HTML-Elemente und Markups werden angezeigt.

Belegüberschriften

Überschriften in HTML werden üblicherweise mit den Elementen

bis

bezeichnet. Diese unterscheiden sich von einem HTML-Dokument, da sie innerhalb des Dokumentinhalts im

Textcontainer

Das Absatzelement (

) in HTML ist wahrscheinlich der bekannteste Textcontainer, aber HTML unterstützt auch alle anderen Textcontainer. Andere solche Elemente sind die folgenden (in alphabetischer Reihenfolge):

• : Stellt einen Artikel dar, einen Standalone-Inhalt.

• : Stellt Inhalte dar, die sich auf Surround-Inhalt beziehen, der alleine stehen könnte.

• : Deklariert den Navigationsabschnitt in einem HTML-Dokument. Dieses Element ist normalerweise für Registerkarten, Schaltflächen oder Links reserviert, um auf wichtige Site-Komponenten zuzugreifen.

• : Präsentiert standardmäßige Inhalte oder Informationen oben auf einer Webseite (Banner, Navigationshilfen, freigegebener Text usw.).

• : Präsentiert Standardinhalte oder -informationen am unteren Rand einer Webseite (Hinweise zum Urheberrecht, kleinere Navigation, Feedbackanfragen usw.).

HTML enthält auch alle Arten von Möglichkeiten, Text innerhalb von Absätzen oder anderen Textcontainern hervorzuheben oder zu identifizieren.

Listen

HTML unterstützt die einfache Definition zahlreicher Arten von Listen, einschließlich Aufzählungslisten (ungeordnete Listen), nummerierte (geordnete) Listen und sogar Listen von Definitionen (die Begriffe und Beschreibungen enthalten). Sie können Listen in Listen verschachteln, um so viele Hierarchieebenen wie nötig zu erstellen.(Die Verschachtelung Ihrer Listen ist besonders nützlich, wenn Sie ein komplexes Thema umreißen oder ein Inhaltsverzeichnis mit zahlreichen Überschriftsebenen modellieren.)

Tabellen

Zusätzlich zu einer Vielzahl von Auflistungsmechanismen enthält HTML Markup zum Definieren von Tabellen. Tabellen waren in den 1990er Jahren für die Verwaltung komplexer Seitenlayouts sehr beliebt. Heute werden sie hauptsächlich für Informationstafeln verwendet, so wie sie sein sollten. Die Struktur ist Teil der Arbeitsweise von Markup, daher können Sie innerhalb der Definitionen für eine HTML-Tabelle

• zwischen Spaltenköpfen, Tabellendaten und Tabellenfüßen oder -kommentaren unterscheiden.

• Verwalten Sie die Definition von Zeilen und Spalten mit Steuerelementen, mit denen Sie Zeilen oder Spalten für die Gruppierung und Organisation überspannen können.

Cascading Style Sheets (CSS) Markup

CSS-Markup kann in separaten Stylesheet-Dokumenten, in einem Textblock innerhalb eines HTML-Dokuments, in einem Style-Attribut für ein einzelnes HTML-Element innerhalb des Dokumentkörpers oder in einigen Kombination aller drei Formen.

CSS bietet eine detaillierte Kontrolle über die Auswahl der Schriftarten, die Verwendung von Farbe für Text und Hintergründe, die Positionierung von Text und anderen Elementen auf einer Seite und (wie die alten Ronco-Anzeigen) viel, viel mehr!

Sie können eine Website ohne Verwendung von CSS erstellen (die Verwendung von CSS erfordert mehr Arbeit), aber es ist das richtige Werkzeug für die präzise Kontrolle über Aussehen und Layout. Sehr empfehlenswert!