[XHTML] xhtml strict et balise <img>

**Satch** · 01/03/2007, 15h57

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**MasterOfChakhaL** · 01/03/2007, 16h08

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

**Satch** · 01/03/2007, 16h15

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

Ma question était : Pourquoi ?

**kalyparker** · 01/03/2007, 16h29

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

**MasterOfChakhaL** · 01/03/2007, 16h39

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...

**kalyparker** · 01/03/2007, 16h48

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

**MasterOfChakhaL** · 01/03/2007, 18h05

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...

**kalyparker** · 02/03/2007, 06h43

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

Là je sèche !

**Auteur** · 03/03/2007, 18h07

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).

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

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.

[XHTML] xhtml strict et balise <img>

HTML

Discussions similaires

Partager

Partager