3
respostas

[Dúvida] Troca da tag img por div

Não entendi muito bem o motivo que levou o professor a trocar a inserção de imagens com a tag img pela tag div. Por que não estilizar diretamente a tag img no css?

3 respostas

Boa noite, Paulo. Como não tenho o código específico não tenho como responder com muita precisão, mas o mais provável é que, no contexto que vocês estão trabalhando, será necessário inserir sua img em uma div (provavelmente de classe 'cointaner') para que possa manipular outras funcionalidades CSS que não seriam possíveis manipulando diretamente a div.

Desde o HTML5 principalmente, a div foi substituída por um conjunto de tags de semântica mais robusta, mas ela ainda cumpre uma função essencial enquanto um container abstrato para ser manipulado no CSS.

Abaixo um artigo do velho Maujor, um clássico, que esmiúça melhor esse ponto. Espero que ajude. Abração.

http://www.maujor.com/blog/2006/12/12/imagem-no-meio-de-ume-div/

Esse artigo do DevMedia também é muito bom:

https://www.devmedia.com.br/trabalhando-com-div-em-html/37209

Oi Ivan, primeiramente agradeço a resposta, mas acho que a dúvida não ficou clara.

No curso, o professor substitui uma imagem, que estava dentro de uma tag img no html, por uma tag div, e insere a imagem como background dessa div, no css.

Gostaria de saber o motivo que o levou a substituir a inserção da imagem pelo html, para colocar com o css. Não seria mais fácil alterar as características da imagem estilizando a tag img no css?

Boa noite, Paulo. Ah, entendi. Sim, nesse caso ele optou por isso porque uma imagem como background pode ter todo tipo de conteúdo sobreposto a ela, e a manipulação desses conteúdos na tela fica muito mais fácil e dinâmica, sem terem que conviver com a imagem original como img, ocupando um bloco.

Claro que isso é sempre relativo e depende do contexto, mas realmente nesse caso parece ser essa a utilidade da conversão. Como o curso é sobre descomplicar problemas com CSS, acredito que ele optou por isso como demonstração de uma das possíveis práticas de simplificação de um determinado contexto.

Mencionei o contexto também porque uma das principais desvantagens de se fazer isso é que imagens de background não aparecem nos mecanismos de busca do Google, por isso só se aplica essa prática dentro de contextos específicos.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software