Solucionado
No código abaixo a tag <i...> serve para colocar as figuras nos botões. Mas a tag <i...> no HTML não serve para colocar a fonte em itálico?
<body>
<ul class="informacoes center">
<li>
<i class="small material-icons">description</i>
<span id="tamanho-frase">5</span> palavras
</li>
<li>
<i class="small material-icons">query_builder</i>
<span id="tempo-digitacao">10</span> segundos
</li>
</ul>
</body>
Oi Rafael tudo bem?
De fato a tag i é para texto itálicos. Mas a aula está usando Material Design (framework de design da Google) e por algum motivo o pessoal da Google escolheram que os ícones tem que ser usados da tag i . Para saber mais visite https://materializecss.com/icons.html
Espero ter ajudado!!!
Boa noite, Rafael! Como vai?
Vc pode dar uma olhada nesse artigo que trata sobre esse tema!
De modo geral, o uso da tag i é defendido pq a alternativa seria utilizar a span que não tem significado semântico nenhum enquanto o i indica algo que está sendo dito de forma diferente ( em forma de símbolos no caso ). Além disso, a tag i é menor, então gasta menos banda em tranferência de dados!
Pegou a ideia? Qualquer coisa é só falar!
Grande abraço e bons estudos, meu aluno!