Atributo rel na tag link, atributo alt na tag img e tag figcaption

1. Qual a função do atributo rel na tag link?

A tag link é uma tag bem generica como a tag meta. O atributo rel é utilizado para falar qual é a categoria do arquivo que estamos linkando, por isso passamos o valor stylesheet para o atributo rel quando estamos linkando uma forma de estilo no atributo href.

<link rel="stylesheet" href="css/reset.css">

2. A tag figcaption substitui o atributo alt da tag img?

Não. A tag figcaption é uma legenda da imagem, enquanto o atributo alt é um texto alternativo para imagem, normalmente uma pequena explicação. Podemos ter 2 imagens com uma mesma figcaption, mas com alt diferentes:

<figure>
    <img src="fotoDoPai.png" alt="Foto do pai da família Silva">
    <img src="fotoDoMae.png" alt="Foto da mãe da família Silva">
    <figcaption>Fotos da família Silva</figcaption>
</figure>

3. Quando colocar uma imagem pelo CSS e quando colocar uma imagem pelo arquivo html?

A reponsabilidade do HTML é cuidar do conteúdo e demarca-lo de forma correta e o CSS tem a responsabilidade de definir estilos para o nosso conteúdo.

Quando temos uma imagem que não é um conteúdo para o usuário, ou seja a imagens não passa a informação completa para o usuário é recomendado adicionar ela por CSS, caso contrário devemos deseja-la no HTML.

• Conteúdo -> HTML
• Estilo ou apoio visual -> CSS

Se ficar qualquer dúvida só falar :-)

Valeu!

Precisando é só falar Geovane :-)