[XHTML] xhtml strict et balise <img>

Version imprimable

Bonjour,

Est-ce que quelqu'un aurait la raison pour laquelle on ne doit pas mettre de balise img telle quelle en xhtml strict.
On doit l'inclure dans un <div> ou <h1> ou <p>, etc.

Pourquoi ?

Exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html 
                    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                    "http://www.w3.org/TR/xhtml1/dtD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
           xml:lang="FR">
  <head>
  <title>Titre</title>
  </head>
  <body style="top-margin:0px; left-margin:0px">
  <img src="image.gif" width="100" height="75" alt="texte alternatif"/>
  </body>
</html>

n'est pas valide alors que :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html 
                    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                    "http://www.w3.org/TR/xhtml1/dtD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
           xml:lang="FR">
  <head>
  <title>Titre</title>
  </head>
  <body style="top-margin:0px; left-margin:0px">
  <div><img src="image.gif" width="100" height="75" alt="texte alternatif"/></div>
  </body>
</html>

est valide.

01/03/2007, 15h08
MasterOfChakhaL

salut,

sur cette page, tu pourras voir quels sont les éléments autorisés dans l'élément body...

http://giminik.developpez.com/xhtml/body.html
01/03/2007, 15h15
Satch

Je sais bien que <img> n'est pas un enfant de <body> dans la dtd.

Ma question était : Pourquoi ?
01/03/2007, 15h29
kalyparker

Bonjour,

La raison est peut être qu'en xhtml la balise img est de type 'inline'.
Et qui dit type inline dit qu'elle doit être incluse dans une balise de type 'block'.

Et puis c'est la norme, alors pourquoi faudrait il une raison ;)

voili, voilou
01/03/2007, 15h39
MasterOfChakhaL

Citation:

Envoyé par kalyparker

...La raison est peut être qu'en xhtml la balise img est de type 'inline'.
Et qui dit type inline dit qu'elle doit être incluse dans une balise de type 'block'...

C'est ce que j'allais répondre, mais manifestement, il y a autre chose car les éléments del et ins qui sont de type inline sont également autorisés...
01/03/2007, 15h48
kalyparker

Citation:

C'est ce que j'allais répondre, mais manifestement, il y a autre chose car les éléments del et ins qui sont de type inline sont également autorisés...

Je connais pas bien del et ins (je suis en train d'apprendre xhtml), mais apparemment del et ins sont rangé dans les types block:
cf : http://www.w3schools.com/tags/ref_byfunc.asp
01/03/2007, 17h05
MasterOfChakhaL

Le premier lien que j'ai donné parlait de la norme xhtml1.1 mais je ne vois pas pourquoi ca aurait changé entre les deux...

Vu l'utilisation qui en est fait, ca me paraitrait plus logique que ce soit un élément inline... mais là, je vois pas trop...

Je crois que le "Blocks" dans ton lien ne fait pas référence a la valeur par défaut de la propriété display en css mais plutot à la sémantique associée à l'élément

De nombreux éléments de type block figure dans d'autres catégorie. D'ailleurs, si ca parlait de la propriété display, les titres de catégories seraient inline, block, table, table-cell...
02/03/2007, 05h43
kalyparker

Oups !
J'ai peut être lu un peu vite...
Je pense que tu as raison MasterOfChakhaL, les balises ins et del doivent être du type inline.
Pour les reconnaitres j'ai lu quelque part que les types block faisait automatiquement des retours à la ligne, alors que les type inline non.
En faisant un simple test, il apparait que ins et del ne font pas de retour à la ligne donc...

Alors pourquoi pour ces 2 balises sont autorisées :koi:
Là je sèche !
03/03/2007, 17h07
Auteur

bonjour,

avant la lecture du lien de MasterOfChakhaL, j'aurais dit que la balise img comme les balises input, br ou hr n'ont pas de balises de fermeture. Ce qui explique sans doute l'obligation de les encadrer.

Malheureusement, après lecture du document, je m'apperçois que hr peut être un enfant de body :( (par contre br n'est pas dans la liste).

Citation:

En faisant un simple test, il apparait que ins et del ne font pas de retour à la ligne donc...

Alors pourquoi pour ces 2 balises sont autorisées :koi:

ins et del sont des balises en ligne et ce qui m'embête c'est que d'après la documentation, elles peuvent avoir des balises enfants de type "bloc" comme les div.