¿Todavía necesitamos barras oblicuas en HTML5?

En HTML5, ¿todavía necesitamos la barra diagonal como en XHTML?

 

validator.w3.org no se quejó si lo dejé, ni siquiera una advertencia. Pero algunos documentos en línea parecen indicar que la barra diagonal sigue siendo necesaria para tags como img, link, meta, br, etc.

img tags img son elementos vacíos, por lo que no necesitan una etiqueta final.

Área de elementos vacíos, base, br, col, comando, inserción, hr, img, entrada, keygen, enlace, meta, param, fuente, pista, wbr

Los elementos vacíos solo tienen una etiqueta de inicio; no se deben especificar tags finales para elementos vacíos.

W3C | WHATWG

Dicho esto, no es un análisis estricto en HTML5, por lo que no hará ningún daño importante.

En HTML 5, la barra diagonal de cierre es opcional en elementos vacíos como img (estoy agregando esto porque la respuesta aceptada actualmente solo dice: “las tags finales no deben especificarse para elementos vacíos” y no aborda las barras diagonales en elementos vacíos).

Citando de http://www.w3.org/TR/html5/syntax.html#start-tags (número 6):

Entonces, si el elemento es uno de los elementos vacíos, o si el elemento es un elemento extraño, entonces puede haber un único carácter “/” (U + 002F). Este carácter no tiene ningún efecto sobre los elementos vacíos, pero en elementos extraños marca la etiqueta de inicio como de cierre automático.

Nop. HTML nunca lo ha requerido, incluso antes de HTML5. Si planea usar XHTML con características HTML, entonces sí, es necesario.

De acuerdo con las tags de inicio son opcionales.

DESDE W3C:

Elementos vacíos: área, base, br, col, inserción, hr, img, entrada, keygen, enlace, meta, param, fuente, pista, wbr

“Los elementos vacíos solo tienen una etiqueta de inicio; las tags de finalización no deben especificarse para elementos vacíos”.

http://www.w3.org/TR/html5/syntax.html#void-elements

TODAS las tags deben estar cerradas (ya sea por cierre automático o por una acción de cierre por separado). Algunos se cierran automáticamente en HTML4 (como la etiqueta ) mientras que otros (como la etiqueta

) requieren tags de cierre separadas. Recuerde que TODAS las tags deben estar cerradas o que el navegador (si es estricto para el cumplimiento) tendrá errores. Esto significa que incluso las tags que no tienen contenido entre abrir y cerrar, DEBEN cerrarse de una forma u otra. A continuación, examinaré la etiqueta ya que no tiene ningún contenido entre abrir y cerrar.

En HTML4 es de cierre automático. Esto no significa que no cierre, ya que todas las tags deben estar cerradas. Simplemente se cierra por su misma presencia. En HTML4, la etiqueta es simplemente:

En XHTML NO es un cierre automático. Esto significa que debe proporcionar una etiqueta de cierre por separado como esta:

Luego, en HTML5, finalmente alguien se puso listo y decidió cerrar una etiqueta que no tiene contenido entre abrir y cerrar, una tarea muy simple. Usa solo una etiqueta, pero haz una barra antes del signo de mayor que, como este:

Esto también es totalmente compatible con HTML4. Si no está utilizando XHTML (que requiere una etiqueta de cierre por separado) y no está seguro de si su código utiliza HTML4 o estándares HTML5. Su mejor opción es SIEMPRE tener una barra de cierre antes de la señal más grande para las tags que no tienen contenido entre la apertura y el cierre. De esta manera SIEMPRE se mostrará correctamente en CADA navegador.

Aquí hay un ejemplo de código HTML correctamente escrito que tiene un alto grado de compatibilidad con todos los navegadores.

    test website   

This is a test.