Witryny często wyświetlają treść w wielu kolumnach (np. czasopismo lub gazeta).
Przykład
Cities
London
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.
Elementy układu HTML
HTML ma kilka elementów semantycznych, które definiują różne części strony internetowej:
<header> - Defines a header for a document or a section <nav> - Defines a set of navigation links <section> - Defines a section in a document <article> - Defines an independent,
self-contained content <aside> - Defines content aside from the content (like a sidebar) <footer> - Defines a footer for a document or a section <details> - Defines additional details
that the user can open and close on demand <summary> - Defines a heading for the <details> element
<header> - Definiuje nagłówek dokumentu lub sekcji
Powszechne jest robienie całych układów stron internetowych za pomocą
floatwłaściwości CSS. Float jest łatwy do nauczenia - wystarczy pamiętać, jak działają właściwości floati
clear.
Wady: Elementy pływające są związane z przepływem dokumentów, co może zaszkodzić elastyczności. Dowiedz się więcej o float w naszym rozdziale CSS Float and Clear .
Przykład
Cities
London
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.
Układ Flexbox CSS
Zastosowanie flexbox zapewnia przewidywalne zachowanie elementów, gdy układ strony musi uwzględniać różne rozmiary ekranu i różne urządzenia wyświetlające.
Dowiedz się więcej o flexboksie w naszym
rozdziale CSS Flexbox .
Przykład
Cities
London
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.
Układ siatki CSS
Moduł CSS Grid Layout oferuje system układu oparty na siatce, z wierszami i kolumnami, ułatwiając projektowanie stron internetowych bez konieczności używania pływaków i pozycjonowania.