Los iconos no deberías de ir dentro de una etiqueta i? O se coloco span porque en este caso es una imagen el icono?

Sebastian Cifuentes

Sebastian Cifuentes

Pregunta
studenthace 5 años

Los iconos no deberías de ir dentro de una etiqueta i? O se coloco span porque en este caso es una imagen el icono?

4 respuestas
para escribir tu comentario
    Xhunik Miguel

    Xhunik Miguel

    studenthace 5 años

    si, la etiqueta

    <i>
    , significa
    italic
    y anteriormente se utilizaba para marcar un texto como cursiva, sin embargo actualmente ya no se utiliza y es comun ver ejemplos en Internet que la usan para introducir iconos en el texto, en general yo recomiendo no usarla y usar
    span
    para evitar cualquier conflicto entre su funcionalidad real y la que nosotros le estamos dando.

    Sneyder Barreto

    Sneyder Barreto

    studenthace 5 años

    ¡Hola! Es normal ver que se utilice también la etiqueta

    <i>
    para trabajar iconos. Su uso es debido a:

    1. Nombre corto.
    2. Fácil de identificar sabiendo que
      i
      puede significar
      icon
      . (No en HTML).
    3. Algo de valor semántico (a diferencia de <span> que no tiene).

    Un saludo.

    Juan Pablo Celiz

    Juan Pablo Celiz

    studenthace 5 años

    ¡Hola! Cómo dice ceporro la etiqueta i tiene otra finalidad, se utiliza un span para generar el box donde queda encerrado el icono pero puede ser también la etiqueta figure.

    CRISTIAN BARBERO PÉREZ

    CRISTIAN BARBERO PÉREZ

    studenthace 5 años

    Buenas, la etiqueta i no es para iconos, lo que hace es poner el texto dentro de ella en cursiva o itálica.

    Te dejo un enlace:

    https://htmlreference.io/element/i/

Curso de Responsive Design: Maquetación Mobile First

Curso de Responsive Design: Maquetación Mobile First

Desarrolla sitios web adaptables con Responsive Design y Mobile First. Aprende a utilizar wireframes, crear estilos y aplicar media queries para garantizar que tus proyectos se vean bien en cualquier dispositivo. Usa herramientas como Figma y Lighthouse.

Curso de Responsive Design: Maquetación Mobile First
Curso de Responsive Design: Maquetación Mobile First

Curso de Responsive Design: Maquetación Mobile First

Desarrolla sitios web adaptables con Responsive Design y Mobile First. Aprende a utilizar wireframes, crear estilos y aplicar media queries para garantizar que tus proyectos se vean bien en cualquier dispositivo. Usa herramientas como Figma y Lighthouse.