poner un span dentro del label, no es lo mismo que poner directamente el contenido en el label? o este ultimo es una mala practica? <code...

Diego Eduardo Miguel Garcia

Diego Eduardo Miguel Garcia

Pregunta
studenthace 5 años

poner un span dentro del label, no es lo mismo que poner directamente el contenido en el label? o este ultimo es una mala practica?

<label>Contacto</label>
<label> <span> Contacto </span> </label>
2 respuestas
para escribir tu comentario
    Jhon Alexander Romero Gonzaga

    Jhon Alexander Romero Gonzaga

    studenthace 5 años

    Me olvidaba que esto no solo pasa con los textos sino que con todo HTML, maqueta correctamente el HTML para el posicionamiento y tambien de manera en la que te permita trabajar de manera fácil.

    Jhon Alexander Romero Gonzaga

    Jhon Alexander Romero Gonzaga

    studenthace 5 años

    Por lo general, es mejor encapsular con etiquetas los textos que esten sueltos para mantener el control de todo el maquetado, te pongo un ejemplo:
    La diferencia de esto:

    <label for="nombre"> Cual es tu nombre? <input type="text" /> </label>

    Y esto:

    <label for="nombre"> <span>Cual es tu nombre?</span> <input type="text" /> </label>

    Es al momento de dar estilos css o dar interactividad con JS ya que se te facilitara mucho más (cuál creés que es más fácil con lo que te mecion? te queda de tarea 😂).
    <span> es una etiqueta sin ningun valor en HTML, se considera una etiqueta de linea para dar estilos css, esto pasa igualmente con la etiqueta <div> pero la diferencia es que es una etiqueta de bloque.
    Si no entendiste la ultima parte en negrita, busca más información acerca de esto, yo solo te doy el abre boca para que busques y encuentres mucho más cosas y no solo lo que te dije. Espero haberte ayudado Diego!!!

Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.

Curso de HTML y CSS [Empieza Gratis]
Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.