Semanticamente falando, o ideal segundo a própria documentação do MDN não seria usar a tag <span> ao invés da tag <i>?
Alguém sabe me dizer exatamente o por quê disso? de usarmos a tag <i> nesses casos de ícones?
Solucionado
Semanticamente falando, o ideal segundo a própria documentação do MDN não seria usar a tag <span> ao invés da tag <i>?
Alguém sabe me dizer exatamente o por quê disso? de usarmos a tag <i> nesses casos de ícones?
Oi, Ednirli! Tudo bom?
Semanticamente falando realmente a tag <span> é mais aconselhada para aplicar ícones. Provavelmente o instrutor usou a tag <i> por causa da recomendação do próprio FontAwesome:
FontAwesome foi projetada para ser usada com elementos inline e recomendamos usar um elemento HTML consistente para referenciá-los em seu projeto. Gostamos da tag
<i>pela sua brevidade, e porque a maioria das pessoas usam<em></em>para texto semântico enfatizado / itálico atualmente. Se essa não é a sua preferência, usar um<span>é semanticamente mais correto.
Então como o foco do curso era praticar as questões de Flexbox e Grid não foi abordado 100% a questão de semantica. Mas você está corretíssima sobre o uso das tags.
Obrigada por abrir a discussão sobre isso!