3
respostas

Ícones inseridos pelo CSS, é correto?

Eu não entendi. Por qual motivo as imagens dos ícones no rodapé devem ser inseridas pelo CSS?

3 respostas

Olá! então basicamente, são questões de gosto pessoal, e envolve a semântica também. No HTML, provavelmente você irá utilizar de alguma tag como , anexando o ícone e não tendo muito controle nele. Já no CSS você pode realmente fazer o seu ícone, construindo e deixando do jeito que achar melhor, e tudo isso linkado apenas por uma

que seja. Por exemplo:
HTML:
```
<i class="fas fa-home"></i> <!-- Usando fontes de ícones como Font Awesome -->
Ícone de casa

``

CSS: 
``
(<div class="icone"></div>)

.icone { width: 20px; height: 20px; background-color: #333; /* Cor do ícone / border-radius: 50%; / Forma de círculo para representar uma casa */ } ``

levando em consideração esse exemplo acima, pode-se concluir que com o css puro linkado à uma div, você tem mais controle sobre a forma, cor, tamanho, desenho. Porém, menos produtividade.
Com html vc faz rápido, mas pega pronto. 

basicamente é isso, espero ter ajudado!

Olá,

Em termos de acessibilidade, qual a utilidade de tirar a tag < img > e substituir por uma classe CSS do < a > ?

Opa, Semântica, flexibilidade e a compatibilidade com um monte de devices. mas tem que tomar cuidado ao substituir e prestar atenção se a semântica e a acessibilidade não vai ser comprometida pela sua alteração ou inserção de código.