HTML Layout
Web pages regularly display the content in multiple columns. HTML5 defines the different parts of a web page with multiple elements like shown in below diagram.
| <header> | ||
| <nav> | ||
| <aside> | <section><article> | <aside> |
| <footer> | ||
| Tag | Description |
|---|---|
| <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 |
| <footer> | Defines a footer for a document or a section |
| <details> | Defines additional details |
| <summary> | Defines a heading for the <details> element |
Apart from the above, there are other tags which play a key role HTML layout creation.
| Tag | Description |
|---|---|
| <table> | Defines the table in a document. |
| <div> | Defines the block-level elements. |
| <span> | Defines the generic container for inline elements and content. |
Note! Click on tag to get detailed information about the specific tag.