5568 sujets

Sémantique web et HTML

Bonjour,

Je suis actuellement en train de refaire le HTML de mon site web, et je m'interroge sur l'utilisation des niveaux de titres. Faut-il en abuser ou pas ?

Voici un exemple pas très structuré :
<h2>Musiciens</h2>

<div>

<h3>Toto</h3>

<p>Guitariste</p>
<img src="toto.png" alt="toto" />
Description de toto(avec éventuellement titres h4/h5/h6)

</div>
La même chose en plus structuré, mais peut être trop :
<h2>Musiciens</h2>

<div>

<h3>Toto</h3>

<div>
<h4>Rôle</h4>
<p>Guitariste</p>
</div>

<div>
<h4>Photo</h4>
<img src="toto.png" alt="toto" />
</div>

<div>
<h4>Description</h4>
Description de toto(avec éventuellement titres de h5/h6)
</div>

</div>
Les questions que je me pose alors :

* Y'a-t-il un intérêt à regrouper un titre et les informations relatives à ce titre (exemple "Rôle" et "Guitariste") avec une <div> ?

* Y'a-t-il un intérêt à autant "découper" ?

* Y'a t'il un inconvénient à cacher certains niveaux de titre avec la propriété CSS clip ?

Merci pour vos éclaircissements.
Modifié par 84mickael (11 Aug 2005 - 19:22)
Bonsoir.
Pour moi, trop de titres tuent les titres.
Les titres c'est bien, c'est très bien même, mais il ne faut quand même pas en abuser.
Pour ce que j'en ai compris les hn sont des en têtes de section, s'il n'y a pas de section il ne sont pas utiles.

Cest ce qui se passe je trouve avec tes h4

Pourquoi

<h4>Rôle</h4>
<p>Guitariste</p>


et pas tout simplement

<p>Rôle : guitariste</p>

Modifié par clb56 (11 Aug 2005 - 19:04)
A propos des titres, sachez qu'il est possible, dans un lecteur d'écran, d'en obtenir la liste, et d'en choisir un pour commencer la lecture à un endroit précis. Si on en abuse trop, cette fonctionnalité devient inutilisable, spécialement si quinze titres contiennent le même texte.
je suis peut être à la rue, mais j'ai l'impression que tu utilise les titres avec une arrière pensée de mise en page finale ?

Si tu compte mettre en ligne des fiches musiciens, je me demande si pour le coup il ne faudrait pas utiliser un tableau.....

je sais çà énerve.
Non ce n'est pas pour la mise en page, car je compte cacher (avec la propriété CSS clip) certains titres évidents pour les personnes qui voient bien. Et je n'ai aucun scrupule à utiliser des tableaux si ce n'est qu'il n'est pas toujours possible de les modeler comment on voudrait en CSS avec IE. Je pense mettre des titres pour créer une certaine hiérarchie dans mes pages, et indiquer au utilisateur de quoi traîte ce qui suit.

Après quelques réflexions je pense faire ça :
<h3>Prénom NOM</h3>
<p>Rôle</p>
<img src="Photo" alt="Prénom NOM" height="100" width="100" />

<div>
	<h4>Description</h4>
	Description...
</div>

<div>
	<h4>Matériel</h4>
	Matériel...
</div>

<div>
	<h4>Contact</h4>
	<dl>
		<dt>E-mail</dt>
		<dd><a href="mailto:EmailCrypté" title="Email">Email</a></dd>
		<dt>Téléphone</dt>
		<dd>No. téléphone</dd>
	</dl>
</div>
C'est plus raisonnable que mes propositions de départ, de là à être parfait... Smiley ohwell
Modifié par 84mickael (12 Aug 2005 - 10:41)