La balise ASIDE Zoom

La balise ASIDE

C'est une zone secondaire non liée au contenu principal de la page: bannière publicitaire, liens vers l'extérieur, par exemple.

Plus de détails

ASIDE ... ou les à côtés de la page

La balise aside html5

En préparant ce tutoriel, j'ai fait et refait le tour du web pour trouver la meilleure explication quant à cette fameuse balise ASIDE. J'avoue que c'est un peu le flou artistique!
Alors, afin d'éviter de vous raconter n'importe quoi, je préfère passer par un exemple "concret" (au lieu de faire du LOREM IPSUM !) pour illustrer notre fiche pense-bête.

Tout récemment, j'ai passé quelques jours de vacances en Bretagne. Plus précisément, dans le Golf du Morbihan. La région est vraiment magnifique!

Revenons, maintenant, à notre tuto.
Nous avons, ici, une page html classique: un header (balise <header>), une barre de navigation (balise <nav>), un article principal (balise <article>) avec titres et paragraphes.
Dans cette zone (article), nous parlons directement des choses relatives au Morbihan. C'est à dire, les villes et sites à visiter.
Cet article traite, donc, directement des sujets liés au thème principal de notre site web ("Le Golf du Morbihan").

Et voilà, enfin, que notre balise <aside> entre en scène. Elle se trouve dans la colonne de gauche de notre page html5.
Là, on va y insérer et rajouter des informations complémentaires susceptibles d'intéresser les touristes et autres visiteurs: liens pour les adresses utiles, hébèrgement... ect.

Notre élément aside peut se trouver à gauche, à droite, en haut ou en bas de la page.

Côté code html5, cela va nous donner ceci :

<aside>
           <h3>Les bonnes adresses</h3>
                  <ul>
                       <li><a href="#">L’office du tourisme</a></li>
                       <li><a href="#">Hôtels et hébèrgements</a></li>
                       <li><a href="#">Visite guidée</a></li>
                       <li><a href="#">Bars et restaurants</a></li>
                  </ul>
</aside>
Note 
cc
27/12/2014

cc

cccc

Donner votre avis

La balise ASIDE

La balise ASIDE

C'est une zone secondaire non liée au contenu principal de la page: bannière publicitaire, liens vers l'extérieur, par exemple.

Donner votre avis