Bonjour,

Je me demande dans quels cas, il faut ou non utiliser la balise <p>. S'il semble normal de mettre un paragraphe de texte à l'intérieur de cette balise, faut-il l'utiliser pour tout texte un peu long ?

Par exemple, dans le code ci-dessous, je me demande si j'ai bien fait de mettre l'image dans une balise <p> et si les items qui contiennent un texte assez long doivent aussi être considérés comme paragraphes.

Les exemples de la référence semblent ne pas recommander l'utilisation de <p> dans les listes mais c'est implicite et il s'agit d'exemple avec des items contenant un texte très court...


     <table>
	<tr>
	  <td id="image">
	    <p>
	      <img src="images/xxxxxxxx.jpg" alt="Picture">
	    </p>
	  </td>
	  <td id="top">
	    <ul>
	      <li><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. Donec ut libero sed arcu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor. Pellentesque auctor nisi id magna consequat sagittis. Curabitur dapibus enim sit amet elit pharetra tincidunt feugiat nisl imperdiet. Ut convallis libero in urna ultrices accumsan. Donec sed odio eros. Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In rutrum accumsan ultricies. Mauris vitae nisi at sem facilisis semper ac in est.


</p></li>
	      <li><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. Donec ut libero sed arcu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor. Pellentesque auctor nisi id magna consequat sagittis. Curabitur dapibus enim sit amet elit pharetra tincidunt feugiat nisl imperdiet. Ut convallis libero in urna ultrices accumsan. Donec sed odio eros. Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In rutrum accumsan ultricies. Mauris vitae nisi at sem facilisis semper ac in est.


</p></li>
	    </ul>
	  </td>
	</tr>
      </table>
Administrateur
Je dirais que cela n'a d'intérêt que si le texte peut être réellement divisé en plusieurs paragraphes.
Des items de liste <li> se suffisent à eux-mêmes et n'ont pas nécessairement besoin d'englober leur contenu dans un <p>.

Ce qui est un peu plus discutable dans le code mentionné en exemple c'est le passage par un tableau pour contenir tout ça, l'attribut alt="Picture" sur l'image (voir http://www.alsacreations.com/astuce/lire/1166-alt-title-images-liens.html ), le <p> dans le <td> qui englobe l'image, et le fait que ces <li> soient assez longs (même si c'est autorisé).
Modérateur
dew a écrit :
Je dirais que cela n'a d'intérêt que si le texte peut être réellement divisé en plusieurs paragraphes.

Pas mieux. Le paragraphe sert à structurer un texte, en y donnant des respirations et en le découpant en blocs logiques selon le contenu. Un seul p ça n'a pas beaucoup de sens, sauf:

– Pour des raisons de cohérence: un p si dans une structure équivalente ou dans un autre li j'aurai peut-être plusieurs paragraphes. Ainsi la structure reste logique.
– Pour des raisons de découpage. Si j'ai plusieurs éléments dans mon li, utiliser un p plutôt qu'une div

<ul>
  <li>
     <h3>mon titre</h3>
     <img src="img1.png" alt="chat noir">
     <p>Mon chat est le plus joli des chats bla bla bla bla bla bla bla</p>
   </li>
   [etc.]
</ul>

Là si j'enlève le p (ce qui est possible), j'aurais plus de peine à viser le texte uniquement.