2 css : quel est le mieux ?

Bonjour,
Voici deux possibilités pour un même rendu (sous IE et FF)
Je souhaiterai savoir si leur conception est bonne, s'ils respectent bien les standards en vigueur, si l'un est plus judicieux que l'autre, bref, avoir un avis d'expert.
Donc merci pour l'expertise !

<style type="text/css">
.bloc0 {
	border:1px solid black;
	background-color:red;
	width:200px;
}
.bloc0 a {
	text-decoration:none;
}
.bloc0 a:hover {
	text-decoration:none;
}
.b1 {
	font-weight:bold;
	text-align:right;
}
.b2 {
}
.b3 {
	font-style:italic;
}
</style>
<div class="bloc0">
		<a href="index.php?id_breve='.$row['BR_ID'].'">
		<div class="b1">Mon nom</div>
		<div class="b2">Ma date</div>
		<div class="b3">Ma citation</div>
		</a>
</div>
<hr />
<style type="text/css">
.b11 {
	display:block;
	font-weight:bold;
	text-align:right;
}
.b22 {
	display:block;
}
.b33 {
	display:block;
	font-style:italic;
}
</style>
<div class="bloc0">
		<a href="index.php?id_breve='.$row['BR_ID'].'">
		<span class="b11">Mon nom</span>
		<span class="b22">Ma date</span>
		<span class="b33">Ma citation</span>
		</a>
</div>

Bonjour,

Selon moi ta deuxième proposition est la meilleure :
Dans la première, tu encapsules des éléments en bloc (div) dans un élément en ligne (a) ce qui est incorrect.
Tandis que dans la deuxième, tu imbriques des éléments en ligne (span) dans un élément qui est lui même en ligne ce qui est davantage correct.

Ce tuto l'explique bien mieux que moi : http://css.alsacreations.com/Bases-et-indispensables/La-structure-des-balises-bloc-et-en-ligne
Modifié par mecho (26 Sep 2007 - 16:55)