class_08.md

Layout

Websites often display content in multiple columns (like a magazine or a newspaper).

HTML Layout Elements

• < 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

HTML Layout Techniques

There are four different techniques to create multicolumn layouts. Each technique has its pros and cons:

• CSS framework
• CSS float property
• CSS flexbox
• CSS grid