Structure
MDN Document and website structure, semantic tags
Document and website structure
- header: big heading, logo, tagline
- navigation bar: button, links, tabs (separate from header)
- main content
- sidebar: info, links, quotes, ads, bio, related links
- footer: fine print, copyright, contact, popular content
Semantic tags
<header>: global header of a webpage<nav>: main navigation functionality<form>: a search form
<main>: content unique to this page<articles>: a single blog post for example<section>: grouping a single piece of functionality<div>: non-semantic wrappers with class attribute<aside>: related content to the main content
<footer>: end content