Les balises

Fermé
mathieu - 7 janv. 2017 à 14:43
 Utilisateur anonyme - 7 janv. 2017 à 19:33
Bonjour,

je voudrais savoir une ou 2 choses si je ne me trompe

la balise <div> :

sert a englober un cadre

la balise <p>

sert pour mettre un texte en paragraphe

la balise <span>

c'est juste pour mettre sur un pseudo, nom prénom age ou bien un mot

par exemple pour un forum

j'ai mis ans un premier temps

	  <!--Début Du Forum-->
	  <nav><ol class="forum">
	  <li>
	         <div class="forum-index">
			 <p class="forum-index-systeme"> </p>
			 <h3 class="forum-index-categorie">Systéme</h3>
			 <p class="forum-index-discussions-messages">Discussions / Messages</p>
			 <p class="forum-index-auteur">Auteur</p>
			 <p class="forum-index-dernier-message">Dérnier message</p>
			 </div>
			 
			 <nav><ol class="forum-categorie">
			 <li>
	         <div class="forum-index">
			 <p class="forum-index-systeme"> </p>
			 <h3 class="forum-index-categorie">WINDOWS </h3>
			 <dl class="forum-index-discussions-messages forum-stats"><dt>Discussions :</dt><dd>20</dd><dt>Message :</dt><dd>10</dd></dl>
			 <div class="forum-index-auteur"><figure class="photo-forum"><span class="icon-avatar-forum-homme"></span></figure></div>
			 <h3 class="forum-index-dernier-message">Titre du topic le <time datetime="2012-02-11">11 février 2012</time> Par <span>Pseudo</span></h3>
			 </div>
			 </li>
			 
			 <li>
	         <div class="forum-index">
			 <p class="forum-index-systeme"> </p>
			 <h3 class="forum-index-categorie">WINDOWS </h3>
			 <dl class="forum-index-discussions-messages forum-stats"><dt>Discussions :</dt><dd>20</dd><dt>Message :</dt><dd>10</dd></dl>
			 <div class="forum-index-auteur"><figure class="photo-forum"><span class="icon-avatar-forum-homme"></span></figure></div>
			 <p class="forum-index-dernier-message"><time datetime="2012-02">février 2012</time></p>
			 </div>
			 </li>
			 </ol></nav>
      </li>
	  </ol></nav>
	  <!--Fin Du Forum-->



et voià mon deuxieme code

	  <!--Début Du Forum-->
	  <nav><ol class="forum">
	  <li>
	         <div class="forum-titre-index">
			 <h3 class="forum-titre-index-categorie">Systéme</h3>
			 <span class="forum-titre-index-discussions-messages">Discussions / Messages</span>
			 <span class="forum-titre-index-auteur">Auteur</span>
			 <span class="forum-titre-index-dernier-message">Dérnier message</span>
			 </div>

			 <nav><ol class="forum-categorie">
			 <li>
	         <div class="forum-index">
			 <div class="forum-index-systeme"><span class="icon-forum-lu"></span></div>
			 <h3 class="forum-index-categorie">WINDOWS </h3>
			 <dl class="forum-index-discussions-messages forum-stats"><dt>Discussions :</dt><dd>20</dd><dt>Message :</dt><dd>10</dd></dl>
			 <div class="forum-index-auteur"><figure class="photo-forum"><span class="icon-avatar-forum-homme"></span></figure></div>
			 <div class="forum-index-dernier-message"><h3>Titre du topic</h3> le <time datetime="2012-02-11">11 février 2012</time> Par <span>Pseudo</span></div>
			 </div>


			 </li>
			 </ol></nav>
      </li>
	  </ol></nav>
	  <!--Fin Du Forum-->


qu'es-ce qui est mieux

merci

2 réponses

Utilisateur anonyme
7 janv. 2017 à 15:14
Bon déjà petite précision sur l'utilisation de différente balise comme la nav.

Elle sert à la navigation sur le site ou dans la page actuelle, et non à contenir une liste.

Après je trouve ici l'utilisation du dl/dt/dd limite mais vu que ça peut être utilisé par des metadatas ça reste correct.

Ensuite le mot WINDOWS tu n'es pas obliger de l'écrire tout en capitale, le mieux est de l'écrire normalement et d'utiliser
text-transform: uppercase;
.

Enfin si j'ai bien compris ton code, le mieux serait de carrément utiliser un tableau (table, tr, td), ce qui est correct pour la structure d'un forum.

Et petite question, tu n'as aucun lien avec ce message?

https://forums.commentcamarche.net/forum/affich-34241909-ecrire-html-correctement

Car il y a la même utilisation des nav, l'utilisation d'ol et non ul, le même type de nom à rallonge pour les class, ce qui complique pour l'écriture du CSS.
0
moi je préfère li au lieu des table et tr td lol

c'est mieux pour compter le nombre de ligne ;)
0
Utilisateur anonyme
7 janv. 2017 à 19:33
Oui enfin c'est surtout pour la sémantique que je dis ça
0