Marquage HTML des micro-contenus : p, div ou bien ?

Dans la série des problèmes existentiels qui ponctuent la journée de l’intégrateur web, la question du marquage HTML des petites portions de texte est souvent de la partie. Pour la baseline par exemple, on peut justifier l’utilisation de la balise `blockquote` : c’est une « citation » de la marque, elle est souvent mise en italique ou entre guillemets.

Ca donne :

<blockquote id="baseline"><p>Ma baseline est plus belle que la tienne</p></blockquote>

En ce qui concerne les autres micro-contenus, je suis beaucoup plus partagé. Un paragraphe est un ensemble de phrases et on peut concevoir qu’en présence d’une seule phrase voire d’un seul mot, la balise `p` n’est pas la plus adaptée : on lui préfère d’ailleurs souvent la balise `div`.

Or, en l’absence de CSS — notamment sur les périphériques mobiles — les micro-contenus enveloppés avec `div` ne possèdent pas de marges, et visuellement, au mieux, c’est balot, au pire, c’est illisible (cf. le visionnage du flux friendfeed, par ex.) !

Dans ce contexte, vous privilégiez quoi entre :

<p id="copyright">copyright, copyleft ou copycenter ?</p>

et

<div id="copyright">copyright, copyleft ou copycenter ?</div>

A vous les studios !