¿Cuando se debería utilizar la etiqueta <p> y <span>?

Jairo Alberto Perez Guerrero

Jairo Alberto Perez Guerrero

EstudiantePregunta

¿Cuando se debería utilizar la etiqueta <p> y <span>?

8 respuestas
    Roger Carlos Ariel Alba

    Roger Carlos Ariel Alba

    Estudiante

    Hola,

    Depende:

    <p> es para los párrafos, siempre, todo tipo de texto debe estar en una <p> por cuestiones de semántica. Ahora <span> no es semántica, así que la puedes usar para dar "estilo" especial sin afectar la semántica.

    Saludos

    Juan Esteban Galvis

    Juan Esteban Galvis

    Estudiante

    usas

    <p>
    para textos cortos, medianos o largos (Como una descripción, todo un parrafo, etc.) y si quieres agregar estilos a una palabra o sección en especifico usas
    <span>
    por ejemplo:

    <p> Nunca Pares de Aprender con <span> Platzi </span> </p>

    Y asi el parrafo está con

    p
    y digamos que queremos poner la palabra "Platzi" en verde y negrilla pues la encerramos en un
    span
    para acceder a ella fácilmente

    Aaron Joel Limachi Quispe

    Aaron Joel Limachi Quispe

    Estudiante

    Cuando te encuentres redactando un texto y deseas darle especial énfasis a alguna frase o darle alguna clase de estilos esas palabras deberían ir en etiquetas Span

    Joel Carrion

    Joel Carrion

    Estudiante

    Hola Jairo , como bien dice Carlos la etiqueta p es para parrafos y una cuestion de semantica en mi caso yo utilizo la etiqueta span para poder identificar una palabra o texto en concreto con css para darle un determinado color o estilo , tambien he visto que la utilizan para cuestiones de javascript pero aun no llego a ese punto espero te haya sevido mi respuesta ,Saludos y exitos

    Jairo Alberto Perez Guerrero

    Jairo Alberto Perez Guerrero

    Estudiante

    ¡Gracias a todos por sus respuestas!. Acá encontré mas información al respecto si desean: StackOverflow

    Jesus Velasco

    Jesus Velasco

    Estudiante

    exacto! aunque también puede ir sin nada que envuelva el texto

    Jorge Luis Rueda Marin

    Jorge Luis Rueda Marin

    Estudiante

    Iba preguntar sobre la funcionalidad de la etiqueta span, pero en esta pregunta ya me aclararon la duda.

    Jossie Steeven Quintero Giron

    Jossie Steeven Quintero Giron

    Estudiante

    Otra diferencia es que <p> crea un salto de línea. <span> se coloca a un lado del anterior, siempre en cuando no sea una etiqueta de bloque.

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.