<span> c'est pour indiquer qu'une partie d'une phrase est soumise à un certain style.
Ex :
Putain <span>les chips</span> c'est cool.
<div> c'est un bloc. Si tu fais :
Putain
<div>
les chips
</div>
c'est cool
Tu as un bloc principal qui contient trois trucs indépendants : "Putain", "les chips" et "c'est cool". Ici, ça ne veut rien dire, puisqu'au contraire ça fait partie du même contexte.
Par contre ça :
<div>
Putain, les chips c'est cool.
</div>
Ca a un sens. Et ça aussi du coup :
<div>
Putain, <span>les chips</span> c'est cool.
</div>