<!-- Raz le brol -->

Le 11/06/2010 : Paragraphes et listes à puces

Je ne comprends pas du tout les organismes de validation du Web à propos de la manière de structurer les documents à l'aide des paragraphes et des listes (listes à puces ou listes numérotées).Je pense que l'énumération d'un certain nombres d'éléments peut se justifier au sein d'un paragraphe, hors cela semble formellement interdit. Selon les normes, je devrais écrire ceci :

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  3. <head>
  4. <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
  5. <title>Test de paragraphes</title>
  6. </head>
  7.  
  8. <body>
  9. <p>
  10. Mon premier paragraphe.
  11. </p>
  12. <p>
  13. Mon deuxi&egrave;me paragraphe qui contient&nbsp;:
  14. </p>
  15. <ul>
  16. <li>une liste &agrave; puces</li>
  17. </ul>
  18. <p>
  19. et aussi&nbsp;:
  20. </p>
  21. <ol>
  22. <li>une liste ordonn&eacute;e</li>
  23. </ol>
  24. <p>
  25. Que faire&nbsp;?
  26. </p>
  27. </body>
  28.  
  29. </html>

Résultat de la validation

Congratulations

The uploaded document was successfully checked as XHTML 1.0 Strict.
This means that the resource in question identified itself as "XHTML 1.0 Strict" and that we successfully performed a formal validation using an SGML, HTML5 and/or XML Parser(s) (depending on the markup language used).

Cet exemple est donc valide, mais ne me convient pas du tout au niveau sémantique, car j'estime que les listes font partie d'un bloc qui est représenté par le paragraphe.

J'aimerais pouvoir écrire ceci :

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  3. <head>
  4. <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
  5. <title>Test de paragraphes</title>
  6. </head>
  7.  
  8. <body>
  9. <p>
  10. Mon premier paragraphe.
  11. </p>
  12. <p>
  13. Mon deuxi&egrave;me paragraphe qui contient&nbsp;:
  14. <ul>
  15. <li>une liste &agrave; puces</li>
  16. </ul>
  17. et aussi&nbsp;:
  18. <ol>
  19. <li>une liste ordonn&eacute;e</li>
  20. </ol>
  21. Que faire&nnbsp;?
  22. </p>
  23. </body>
  24.  
  25. </html>

Echec de la validation

# ErrorLine 14, Column 6:
document type does not allow element "ul" here; missing one of "object", "ins", "del", "map", "button" start-tag

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.


One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

Tout ça sans parler de l'espace insécable fin qui devrait se trouver entre le dernier mot et le point d'interrogation, et qui n'est toujours pas utilisé à l'heure actuelle.

Et donc je suis de très mauvais humeur...

« Raz-le-Brol... »

English translation

You have asked to visit this site in English. For now, only the interface is translated, but not all the content yet.

If you want to help me in translations, your contribution is welcome. All you need to do is register on the site, and send me a message asking me to add you to the group of translators, which will give you the opportunity to translate the pages you want. A link at the bottom of each translated page indicates that you are the translator, and has a link to your profile.

Thank you in advance.

Document created the 11/06/2010, last modified the 04/10/2024
Source of the printed document:https://www.gaudry.be/en/raz-le-brol-rf-paragraphe-w3c.html

The infobrol is a personal site whose content is my sole responsibility. The text is available under CreativeCommons license (BY-NC-SA). More info on the terms of use and the author.