imagen - etiqueta de cierre html
¿Por qué la etiqueta<img> no está cerrada en HTML? (4)
Es lo que se llama un elemento vacío que simplemente significa que el elemento no debe tener ningún contenido (pero puede tener atributos). La especificación HTML5 tiene esto que decir acerca de los elementos vacíos:
Si el elemento es uno de los elementos vacíos, o si el elemento es un elemento extraño, entonces puede haber un solo carácter "/" (U + 002F). Este personaje no tiene efecto en los elementos vacíos.
Así que no hay una razón real para tener el carácter "/" (U + 002F), pero no se romperá nada si está incluido.
Por curiosidad, ¿por qué la etiqueta < img > no está cerrada en HTML ?
<img src="smiley.gif" alt="Smiley face" height="42" width="42">
También noté que las etiquetas < img > están explícitamente cerradas en XHTML ...
<img src="smiley.gif" alt="Smiley face" height="42" width="42"/>
W3Schools: Etiqueta de imagen
Históricamente, el HTML se ha basado en SGML, lo que permite omitir las etiquetas bajo ciertas condiciones.
Dado que el elemento <img>
no puede tener ningún nodo secundario, se define como VACÍO y la etiqueta final está prohibida (ya que no serviría para nada).
XHTML es HTML expresado en XML, y XML no admite etiquetas opcionales o prohibidas (aunque permite que una etiqueta de cierre automático sustituya a un par de etiqueta de inicio + final), por lo que debe cerrarse explícitamente allí.
HTML 5 es compatible con versiones anteriores de HTML que estaban basadas en SGML.
La etiqueta <img>
representa lo que se conoce como un elemento nulo (consulte la especificación de HTML5 ), así llamado porque no puede tener ningún contenido (a diferencia de, diga <a>
o <div>
). Por lo tanto, no hay ninguna razón sintáctica por la que deba cerrarse en HTML.
XHTML, sin embargo, se basa en XML, donde es necesario cerrar cada etiqueta.
<img>
etiqueta <img>
es básicamente un elemento Void.
Para su entendimiento:
La imagen no tiene ningún contenido. La etiqueta de imagen solo proporcionará la ruta desde donde se cargará el recurso a través del atributo src. Por lo tanto, no requiere ningún elemento final.
Mientras que <img src="smiley.gif" alt="Smiley face" height="42" width="42"/>
, este código es para la versión XHTML.