HTML-Layout
London ist die Hauptstadt von England. Es ist die bevölkerungsreichste Stadt im Vereinigten Königreich, mit einem Großraum von mehr als 13 Millionen Einwohnern.
Stehend auf der Themse, London wurde von den Römern eine große Siedlung für zwei Jahrtausende, seine Geschichte zu ihrer Gründung geht zurück, die es Londinium benannt.
HTML-Layout-Elemente
HTML5 bietet neue semantische Elemente, die die verschiedenen Teile einer Webseite zu definieren:
HTML-Layout-Techniken
Es gibt vier verschiedene Arten mehrspaltigen Layouts zu erstellen. Jeder Weg hat seine Vor- und Nachteile:
- HTML-Tabellen
- CSS Eigenschaft float
- CSS-Framework
- CSS Flexbox
One Welche zu wählen?
HTML-Tabellen
Tipp: Verwenden Sie keine Tabellen für das Seitenlayout!
CSS Frameworks
Wenn Sie Ihr Layout schnell erstellen möchten, können Sie einen Rahmen verwenden, wie W3.CSS oder Bootstrap.
CSS Floats
float Beispiel
London ist die Hauptstadt von England. Es ist die bevölkerungsreichste Stadt im Vereinigten Königreich, mit einem Großraum von mehr als 13 Millionen Einwohnern.
Stehend auf der Themse, London wurde von den Römern eine große Siedlung für zwei Jahrtausende, seine Geschichte zu ihrer Gründung geht zurück, die es Londinium benannt.
CSS Flexbox
Flexbox ist ein neuer Layout-Modus in CSS3.
Die Verwendung von Flexbox stellt sicher, dass Elemente vorhersagbar verhalten, wenn das Seitenlayout unterschiedliche Bildschirmgrößen und verschiedene Anzeigegeräte aufnehmen müssen. Nachteile: Funktionieren nicht in IE10 und früher.
Erfahren Sie mehr über Flexbox in unserem CSS Flexbox Kapitel.
Flexbox Beispiel
London ist die Hauptstadt von England. Es ist die bevölkerungsreichste Stadt im Vereinigten Königreich, mit einem Großraum von mehr als 13 Millionen Einwohnern.
Stehend auf der Themse, London wurde von den Römern eine große Siedlung für zwei Jahrtausende, seine Geschichte zu ihrer Gründung geht zurück, die es Londinium benannt.