Styler un header en HTML5

Il y a peu, j’ai voulu découvrir les nouveautés qu’apporte HTML5. Au niveau des nouveautés, de nouvelles balises sont ainsi apparues permettant d’avoir un contenu plus sémantique.

J’ai alors remplacé ma balise <div id= »header »> par la nouvelle balise <header> dans mon code html et remplacer #header par header dans mon code CSS. Malheureusement, le styles définis ne fonctionne pas. Après quelques recherches, il s’avère qu’il faut définir au navigateur comment interpréter cette balise. Il en est de même pour les nouvelles balises footer, aside, nav et article.

Si vous souhaitez que ces nouvelles balises soient interprétées en tant que bloc il faut définir le style suivant :

header, footer, aside, nav, article {
display: block;
}

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *