0

Eu tenho uma página AMP que eu carrego a imagem do logotipo inserindo o link dentro da tag img, assim:

<amp-img src="//i2.wp.com/www.meusite.com.br/wp-content/uploads/lgootipo.png" alt="logotipo" width="356" height="137">

Porém, qual seria a melhor prática para carregar essa imagem ?

Eu pensei em chamar a imagem com o background-image: url("...") dentro da tag style

Será melhor deixar do jeito q está ou carregar com a imagem com CSS ??

1

1 Resposta 1

1

O HTML deve conter informações que são semanticamente relevantes para o seu site, e o CSS deve oferecer informações que são estilísticas (decorativas).

Vários tipos de leitores irão ignorar completamente o CSS, e você não quer que ignorem a logo. Em outras palavras, a logo possui relevância semântica para o site, e é por isso que possui o atributo "alt", caso o leitor não possa ver a imagem (aproveito para sugerir que você melhore sua "alt", descrevendo a aparência da logo).

A regra é: se eu tirar a informação, o site deixará de fazer sentido, ou fará menos sentido? Se sim, a informação deve ficar no HTML, se não o ideal seria colocá-la no CSS.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .