Bücher online kostenlos Kostenlos Online Lesen
HTML5-Handbuch - die neuen Features von HTML5

HTML5-Handbuch - die neuen Features von HTML5

Titel: HTML5-Handbuch - die neuen Features von HTML5 Kostenlos Bücher Online Lesen
Autoren: Franzis
Vom Netzwerk:
definieren möchten, notieren Sie ihn in der Form



( footer = Fußbereich). Sowohl zwischen

und

als auch zwischen

und

können Sie Text und andere HTML-Elemente notieren, jedoch keine untergeordneten
header
- und
footer
-Elemente.
Weitere Hinweise
    Semantisch sinnvolle Inhalte für den Kopfbereich einer Webseite sind beispielsweise die Seitenüberschrift, der Name des Anbieters oder der Website, ein Corporate-Logo oder eine Top-Navigation. Im Fußbereich stehen üblicherweise Informationen wie rechtliche Hinweise zur Lizenzform, Verweise zu Impressum, Geschäftsbedingungen und Ähnliches.
    Die Elemente
header
und
footer
beeinflussen nicht die hierarchische Logik, die durch Abschnitte und Überschriften entsteht. Sie können Kopf- und Fußbereiche auch für einzelne Abschnitte (also innerhalb von



) definieren.
    Bild 4.1: Header und Footer sind in reinem HTML optisch gar nicht erkennbar.
    Optisch haben die Elemente
header
und
footer
keine andere Wirkung, als eine neue Zeile im Textfluss zu erzeugen. Um Kopf- und Fußbereiche erkennbar als solche zu gestalten, können Sie CSS bzw. CSS-Eigenschaften auf die Elemente
header
und
footer
anwenden. So können Sie beispielsweise Hintergrundfarben, Hintergrundbilder, Umrandungen usw. bestimmen.
Referenzinformationen
    Elementreferenz
:
    Elementreferenz
:

4.1.4      Navigation und Seitenleisten
    Ebenso, wie viele Webseiten oben und unten einen erkennbaren Kopf- bzw. Fußbereich haben, haben sie eine oder mehrere Navigationsleisten und häufig auch eine Spalte oder einen Bereich für zusätzliche Informationen, Werbung usw. Auch für diese Bereiche sieht HTML5 entsprechende Elemente vor.
Beispiel
    
    
    
    
    Titel
    
    
    

Aktuelles


    
    Viele Neuigkeiten usw.
    
    
    
Erläuterung
    Um einen Navigationsbereich zu definieren, notieren Sie an der gewünschten Stelle ein
nav
-Element in der Form

. Sie können auch mehrere Navigationsbereiche auf einer Seite notieren. Der Inhalt des Navigationsbereichs kann aus Text und anderen HTML-Elementen bestehen. Sinnvollerweise enthält er HTML-Code für eine Liste mit Hyperlinks zu anderen Seiten der Website. Im obigen Beispiel ist das eine ungeordnete
ul
-Liste. Es spricht jedoch nichts dagegen, innerhalb des Navigationsbereichs auch noch eine passende Überschrift zu notieren, wie im obigen Beispiel die Überschrift 2. Ordnung
Navigation
.
    Um eine Seitenleiste oder einen Bereich für Marginaltext zu definieren, notieren Sie an der gewünschten Stelle ein
aside
-Element in der Form

. Dazwischen können Sie Text und andere HTML-Elemente notieren. Der Sinn des
aside
-Elements ist, ergänzende Inhalte zu einer umgebenden Information zu markieren. Das kann eine kleine Einzelinformation zu einem Fließtext sein, etwa so:
    

Klaus Aschekowski hat heute mal wieder den Montag nach
    einer Wochenendschicht hinter sich. Seit die blöde neue
    Bauingenieurin seiner Kolonne vorsteht, hat er keine ruhige
    Minute mehr und muss schlimmer ranklotzen als je zuvor.


    
    

Das allein wäre ja nur halb so schlimm, wenn seine neue
    Vorgesetzte nicht ausgerechnet jene Schiedsrichterin wäre, die
    vor Jahren bei dem Spiel Altona 93 gegen den SV Meppen, bei
    dem Klaus zwei Tore schoss, einen seiner Treffer nicht
    gewertet hat.


    Der HTML-Standard stellt jedoch keine Vorschriften auf, welche Dimension der Bezugsrahmen für einen
aside
-Bereich haben soll. Es kann sich also ebenso gut um einen Bereich handeln, der dem gesamten Hauptinhalt einer Webseite beigeordnet ist und im fertigen Seitenlayout z. B. als »rechte Spalte« erscheint. Das ist so ähnlich wie bei der CSS-Eigenschaft
float
. Diese kann verwendet werden, um etwa Text um eine Grafik fließen zu lassen. In der Webdesign-Praxis der letzten Jahre ist sie jedoch auch das Mittel der Wahl geworden, um mehrspaltige Webseitenlayouts zu realisieren.
Weitere

Weitere Kostenlose Bücher