Comment fermer <img> tag correctement?

<img src='stackoverflow.png'>
<img src='stackoverflow.png'></img>
<img src='stackoverflow.png' />

Lequel(s) d'entre eux est-il correct?

  • La question est "Comment fermer une <img> tag correctement?" qui est une vraie question, et les réponses sont utiles. Cette question n'a pas été fermé.
  • La question, actuellement, est très bien. Il est pas ambiguë, imprécise, incomplète, trop larges, ou rhetorial. Il y a une grande réponse ci-dessous.
  • Je ne sais pas laquelle des réponses suivantes est correcte, mais il est intéressant de noter, Firefox Inspecteur de Code ajoute le </img> à la fin de la balise si vous n'avez pas mis là. Et IE n'est pas. Cela est important dans mon univers.
  • P. S. Dreamweaver insère le /> XHTML la balise.
InformationsquelleAutor insertusernamehere | 2013-02-13
  1. 44
    <img src='stackoverflow.png' />

    Fonctionne très bien et ferme la balise correctement. Mieux pour ajouter le alt attribut pour les personnes malvoyantes.

    • Il est exact que <img /> est valable dans [X]HTML/XML, bien que l'utilisation de XHTML est très rare de nos jours et si votre serveur est de servir les pages que text/html tout ce que vous avez à vous préoccuper est de l'écriture de code HTML valide. Les chances de migrer une application HTML à XHTML est proche de zéro.
    • La réponse ci-dessus ne pourront pas valider avec le HTML du W3C checker si le ciblage 4.01 Transitional et plus. Voir aussi W3C Markup Validation Service. Je crois que la réponse ci-dessus exige que le HTML5 ou XHTML. Pour éviter les erreurs de validation, vous devez utiliser l'un <img src='stackoverflow.png'> (si ça vous intéresse).
    InformationsquelleAutor Ed Heal
  2. 156

    Celui-ci est HTML5 valide et il est absolument parfait sans la fermer. C'est un soi-disant vide de l'élément:

    <img src='stackoverflow.png'>

    Suivantes sont valides XHTML balises. Elles doivent être fermées. Cette dernière est aussi très bien en HTML 5:

    <img src='stackoverflow.png'></img>
<img src='stackoverflow.png' />
    • Ce n'est pas seulement valide HTML5, mais plutôt valable dans le HTML4 ainsi. HTML ne nécessite pas d'auto-fermeture "nul", des éléments comme vous l'avez dit. +1 pour la réponse cohérente.
    • Voir: dev.w3.org/html5/markup/syntax.html#void-element
    • Le HTML5 ou le XHTML ne pourront pas valider avec le HTML du W3C checker si le ciblage 4.01 Transitional et plus. Voir aussi W3C Markup Validation Service. Vous devez utiliser l'un <img src='stackoverflow.png'> (si ça vous intéresse).
    InformationsquelleAutor Marvin Rabe
  3. 2

    En fait, seul le premier est valide en HTML5 

    <img src='stackoverflow.png'>

    Seuls les deux derniers sont valide en XHTML 

    <img src='stackoverflow.png'></img>  
<img src='stackoverflow.png' />

    (Mais pas strictement nécessaire, un alt attribut _usually_ devraient également être inclus).

    Cela dit, votre page HTML5 sera probablement afficher comme prévu, car les navigateurs réécrire ou à interpréter votre html de ce qu'il pense que vous vouliez dire. Que peut dire qu'il tourne une balise, par exemple, à partir

    <div /> en <div></div>. Ou peut-être qu'il ignore le dernier slash sur <img ... />.

    voir 2016: Servir HTML5 XHTML 5.0 héritage pour la validation.

    voir: 2011 discussion et d'autres liens ici, mais avec le temps, certains bits peuvent avoir changé

    En partie c'est parce que les navigateurs essayez très difficile de corriger l'erreur. Aussi, parce qu'il y a beaucoup de confusion à propos de l'auto-balises de fermeture, et d'annuler les balises. Enfin, La spec a changé, ou n'a pas toujours été claire, et que les navigateurs essayez d'être compatible.

    Ainsi, alors que vous pouvez probablement vous en sortir avec l'une des trois options

    seule la première adhère à la norme HTML5, et il est garanti pour passer un validateur HTML5.

    Une bonne stratégie pourrait être de:

    • Écrire du nouveau code sans la barre oblique de fermeture.
    • Lors de la re-factorisation de code, mise à jour à proximité des balises d'image, que vous exécutez à travers eux.
    • Pas trop s'inquiéter des balises dans les fichiers que vous ne touchez pas, sauf si un besoin se fait sentir.

    Voici une liste de les balises qui ne doit pas être fermée en HTML5: 

     <br>    <hr>    <input>       
 <img>  <link>   <source>  
 <col>  <area>   <base>
 <meta> <embed>  <param>  
<track>  <wbr>   <keygen> (HTML 5.2 Draft removed)
    InformationsquelleAutor SherylHohman
  4. 0

    -La balise est Vide et il contient l'Attribut uniquement.
    -La balise ne pas avoir la "Fermeture" de la balise.

    Donc,

    <img src='stackoverflow.png'>
<img src='stackoverflow.png' />

    les deux sont corrects en HTML5 aussi.

    InformationsquelleAutor Pritesh Bhoi
  5. 0

    La meilleure utilisation de balises que vous devez utiliser:

    <img src="" alt=""/>

    Vous pouvez aussi l'utiliser en HTML5:

    <img src="" alt="">

    Ces deux sont tout à fait valide en HTML5
    Choisissez-en un et de s'en tenir à cela.

    InformationsquelleAutor Md. A. Barik
  6. 0

    À la fois la bonne réponse. HTML5 suit des règles strictes et en HTML5 nous permet de fermer toutes les balises. Donc, il dépend de vous d'utiliser le HTML5 ou le HTML et suivez une réponse appropriée.

    <img src='stackoverflow.png'>
<img src='stackoverflow.png' />

    La deuxième propriété est plus approprié.

    InformationsquelleAutor Pritesh Bhoi