HTML Layout

Websites often display content in multiple columns (like a magazine or a newspaper).HTML has several semantic elements that define the different parts of a web page: header,nav, section, article, aside, footer, details, and summary. 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.

HTML Semantic Elements

A semantic element clearly describes its meaning to both the browser and the developer.In HTML there are some semantic elements that can be used to define different parts of a web page: article, aside, details, figcaption, figure, footer, header, main, mark, nav, section, summary, time. A web page could normally be split into sections for introduction, content, and contact information.