Je débute en création de page web et j'aimerais avoir des explications sur les différentes méthode de création :
Mon code :
Html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Brouillon d'entrainement</title>
</head>
<body>
<header>
<p>Je suis le header</p>
</header>
<aside class="left_aside"><p>Je suis un aside gauche</p></aside>
<section>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec accumsan tempus arcu, vel gravida mi venenatis sit amet.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed mollis nulla enim, vitae pharetra felis eleifend a.
Pellentesque neque tortor, maximus vel ligula scelerisque, vulputate hendrerit erat. Nam lectus mauris, vestibulum nec velit eu, ullamcorper vulputate sem.
Proin vitae purus quis mauris pharetra placerat. Quisque posuere sollicitudin arcu dictum blandit.
Donec egestas condimentum lorem, ut tristique neque viverra et. Duis non est nec sem consectetur venenatis nec at tellus.
Aliquam fermentum lectus sed ante placerat, a ullamcorper diam pellentesque. Nunc tincidunt convallis nisi in viverra.
Nam a ligula id massa rhoncus finibus. Nulla nec nunc scelerisque, fringilla magna et, lobortis odio.
Aliquam hendrerit eget metus in tincidunt. Vestibulum a libero sit amet lacus vestibulum ultricies eget quis nisl.
Curabitur ex purus, tincidunt sollicitudin dignissim nec, feugiat in urna.</p>
</section>
<aside class="right_aside"><p>Je suis un aside droit</p></aside>
<footer>
<p>Je suis le footer</p>
</footer>
</body>
</html>
Oui désolé ma question est sur la propriété display, dans le code de roohManu il y a des display: inline-block/block et des float contrairement à mon code où j'ai mis un diplay: flex.
J'aimerais savoir quelle est la meilleure façon d'écrire ma page html ? avec flexbox ou avec d'autre méthode ?
Le code de roohManu dans ton lien date de février 2013, soit environ un an avant l'arrivée du module flexbox et bien avant que ce dernier ne soit complètement pris en charge par tous les navigateurs.
Ta méthode serait donc la plus moderne et celle à privilégier. L'autre méthode est à présent dépassée même si elle fonctionne toujours.
Et bientôt (très bientôt même...) ta méthode sera aussi dépassée et remplacée par une méthode encore plus moderne qui utilisera le module CSS Grid...
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Explication méthode de création en html/css
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !