# HTML Layouts
● HTML Layout Elements
Websites often display content in multiple columns. HTML5 offers new semantic elements that define the different parts of a web page.
 |
| https://www.w3schools.com/html/html_layout.asp |
- <header> - Defines a header for a document or a section
- <nav> - Defines a container for navigation links
- <section> - Defines a section in a document
- <article> - Defines an independent self-contained article
- <aside> - Defines content aside from the content (like a sidebar)
- <footer> - Defines a footer for a document or a section
- <details> - Defines additional details
- <summary> - Defines a heading for the <details> element
● HTML Layout Techniques
There are 4 different ways to create multicolumn layouts. Each way has its pros and cons.
- HTML tables
- CSS float property
- CSS framework
- CSS flexbox
● CSS Floats
It is common to do entire web layouts using the CSS float property.
Floating elements are tied to the document flow, which may harm the flexibility.
Floating elements are tied to the document flow, which may harm the flexibility.
● CSS Flexbox
Flexbox is a new layout mode in CSS3.
Use of flexbox ensures that elements behave predictably when the page layout must accommodate different screen sizes and different display devices.
Use of flexbox ensures that elements behave predictably when the page layout must accommodate different screen sizes and different display devices.
sands casino - Situs Judi Bola Online Terpercaya
ReplyDeletePragmatic Play septcasino · งานออนไลน์ Slot Joker123 · Slot Spadegaming · Slot Playtech Slot · Microgaming Slot · 인카지노 Slot Casino Online · Topgolf Casino Slots.