J'aimerais savoir si mon nouveau codage en <div> respecte la sémantique. Voici mon code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="fr"> <head> <title>
| Dark Eyed Dreams | - | Bienvenue | </title> <metahttp-equiv="Content-Type"content="text/html; charset=iso-8859-1"/> <linkrel="stylesheet"media="screen"type="text/css"title="Dark Eyed Dreamsing"href= "designs/dreamsing/utils/style.css"/> <metaname="title"content="Dark Eyed Dreams"/> <metaname="description"content= "Bienvenue sur la communauté de Dark Eyed Dreams. Si vous avez entre 10 et 22 ans, venez vous éclater !"/> <metahttp-equiv="content-language"content="fr"/> <metaname="robots"content="all"/> <metaname="revisit-after"content="30 days"/> <!--[if gte IE 5.5000]> <scripttype="text/javascript"src="utils/png.js"></script> <![endif]--> </head> <body> <!-- Bloc principal --> <divid="global"> <!-- Speedbar --> <divid="speedbar"> <divid="left_speedbar"> <!-- Contenu gauche de la speedbar --> </div> <divid="center_speedbar"> <!-- Contenu gauche de la speedbar --> </div> <divid="right_speedbar"> <!-- Contenu gauche de la speedbar --> </div> </div> <!-- Fin de la Speedbar --> <!-- Header --> <divid="header"> <!-- Affiche du header --> </div> <!-- Fin du Header --> <!-- Menus, contenu de la page et infos --> <divid="body"> <!-- Menus --> <divid="menus"> <!-- Contenu des menus --> <!-- Menu n°1 --> <divclass="part_menu"> <divclass="part_menu_top"> </div> <divclass="part_menu_body"> </div> <divclass="part_menu_bottom"> </div> </div> <!-- Fin du menu n°1 --> <!-- Menu n°2 --> <divclass="part_menu"> <divclass="part_menu_top"> </div> <divclass="part_menu_body"> </div> <divclass="part_menu_bottom"> </div> </div> <!-- Fin du menu n°2 --> </div> <!-- Fin des menus --> <!-- Contenu de la page --> <divid="page"> <divclass="part_block"> <divclass="part_block_top"> </div> <divclass="part_block_body"> </div> <divclass="part_block_bottom"> </div> <!-- La page --> </div> <!-- Infos --> <divid="infos"> <!-- Contenu des infos --> </div> <!-- Fin des infos --> <!-- Fin du cotenu de la page --> </div> <!-- Fin des menus et du contenu de la page --> <!-- Footeer --> <divid="footer"> <!-- Contenu du footer et copyright --> </div> <!-- Fin du footer --> </div> <!-- Fin du bloc principal --> <!-- Règle MS Internet Explorer --> <divid="regle_msie"> <!-- Contenu de la règle MSIE --> </div> <!-- Fin de la règle MSIE --> </body> </html>
organize ta page html , d'abord en fonction du contenu qu'elle va recevoir, titre et sous titre , menu, paraphe (zone de texte) image , etc, ...
Ensuite , tu vas tenter d'appliquer des regles css a tes balises pour la mise en page et y incorporer ton design.
Tu peut des le debut prevoir des div qui engloberons les zones principales, generalement on retrouve, l'entete/banniere, le menu , le contenu et enfin un pied de page ...
donc 4 div au demarrage. <edit> plutot 5 , car il vaut mieux se servir aussi d'un div englobant l'ensemble de la page pour appliquer un minimum de regle css a "body" ça bug souvent dans certains navigateurs :)</edit>
Ensuite plutot que d'utiliser un div pour englober un menu, tu as deja la balise <ul> (ou <ol> ou .. ) qui est deja un conteneur, et rien ne t'interdis de la mettre en forme par le biais du css ...
Essaie donc d'user en premier lieu du minimum necessaire a ta page avant de sortir div ou span a la mitraillette
× 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.
fan de pluxml je suis cuisinier et codeur amateur. Des thèmes pour pluxml ? Oui