Existem diversos elementos semânticos inline que podem ser usados no lugar do <span> quase sempre.

https://developer.mozilla.org/pt-BR/docs/Web/HTML/Inline_elemente

#htmlmoderno #html5 #semantica #acessibilidade #a11y

#PraCegoLer #PraCegoVer
Uma imagem com fundo preto simulando um editor de código, mostrando textos e exemplos de que as vezes existem um elemento semântico inline para ser usado no lugar do span.

O não traz nenhum sentido ao conteúdo interno e nenhum
estilo, com isso muitos devs cometem erros usando esse
elemento de maneira inadequada.

Mostra um exemplo a ser evitado com o span em pedaços de texto usando classes para estilizar visualmente.

E mostra um exemplo utilizando o elemento strong e o elemento em, para usar semântica e acessibilidade que cada um desses elementos tem nativamente (Uma coisa leva a outra! A semântica leva a acessibilidade)

Algumas dicas extras são:
1º Sempre opte por elementos semânticos;
2º Use span quando não for necessário dar sentido ao conteúdo interno ou que não tenha outra tag para o lugar;
3º Se quiser estilizar, pode atribuir normalmente uma "class" e customizar