Anatomie d'une page Web
De même que HTML est utilisé pour définir les différentes parties d'une page (paragraphe, image, etc.), le langage est également utilisé pour définir les zones d'un site Web (en-tête, menu de navigation, contenu principal, etc.).
Les principales parties d'une page Web sont :
- En-tête : Bande placée en haut de la page avec un titre ou un logo ; c'est la partie du site qui est constante d'une page à l'autre.
- Barre de navigation : Liens entre les principales parties du site, généralement présentée sous forme de boutons de menu, de liens d'onglet. Comme l'en-tête, la barre de navigation doit rester cohérente d'une page à l'autre.
- Contenu principal : Contenu principal d'une page Web.
- Barre latérale : Informations complémentaires autour du sujets, liens, citations, etc. Cette barre est contextuelle au contenu principal.
- Pied de page : Bande placée au bas de la page contenant généralement, en petits caractères, des avis, des droits d'auteurs, des coordonnées de contact.
Remarque : ce site https://web.entopan.fr est une application des différents contenus présentés par le site lui-même.
Le langage HTML fournit des balises dédiées pour représenter les parties d'une page d'un site Web :
- Header : <header>
- Barre de navigation : <nav>
- Contenu principal : <main> avec possibilité de sous-sections : <article>,<section> et <div>.
- Barre latérale : <aside>, souvent incluse dans <main>
- Pied de page : <footer>