Thiago Piacentini
  • Home
  • Sobre
  • Blog
  • Redes Sociais
  • Contato
29 de setembro de 2019 por Thiago

Imagens no HTML5 ou no CSS3, qual a diferença?

Imagens no HTML5 ou no CSS3, qual a diferença?
29 de setembro de 2019 por Thiago

A diferença entre inserir uma imagem no projeto Web através do HTML ou do CSS, quando utilizar um ou outro e qual a proposta de cada um deles.

Se a imagem pode ser inserida no projeto tanto no HTML através da tag <img src=” ” /> , quanto no CSS através do background-image: url(); qual devo usar e porque devo usar?

Para a resposta eu fiz o entendimento do projeto Web separando a proposta de cada uma das linguagens.

Estrutura web com linguagens HTML sendo conteúdo, CSS sendo formatação e JavaScript sendo a camada de interação.

Tendo como referência a imagem acima, podemos concluir:

Imagem no HTML

Deve ser utilizada a tag <img /> para inserir a imagem através do HTML quando a imagem fizer parte da estrutura/conteúdo do projeto, exemplo disso seria uma imagem de produto ou serviço da empresa que tem tanta importância quanto um texto, ou até mesmo ser mais importante que um texto.

Imagem no CSS

Caso a imagem seja apenas decorativa, como uma paisagem por exemplo, que não tem relação com o conteúdo do projeto web e será apenas um background, essa imagem deve ser inserida na camada de CSS responsável por estilizar o projeto.

Artigo anteriorComo anda a qualidade do seu pensamento?

About The Blog

Nulla laoreet vestibulum turpis non finibus. Proin interdum a tortor sit amet mollis. Maecenas sollicitudin accumsan enim, ut aliquet risus.

Posts recentes

Imagens no HTML5 ou no CSS3, qual a diferença?29 de setembro de 2019
Como anda a qualidade do seu pensamento?18 de abril de 2019
Teste a velocidade do seu site27 de agosto de 2018

Categorias

  • Acessibilidade
  • CSS3
  • HTML5
  • Pensamentos
  • S.E.O
  • Tecnologia

Meta

  • Acessar
  • Feed de posts
  • Feed de comentários
  • WordPress.org

Tags

acessibilidade bing designacessivel google jesus motivacional otimização de site pensamentos s.e.o search engine optimization videos webacessivel webdesign website
© Desenvolvido com Wordpress | Thiago Piacentini

Sobre mim

empreendedor, instrutor de dev web, front-end apaixonado por telas,  amo <3 ux , design e pessoas.

Posts recentes

Imagens no HTML5 ou no CSS3, qual a diferença?29 de setembro de 2019
Como anda a qualidade do seu pensamento?18 de abril de 2019
Teste a velocidade do seu site27 de agosto de 2018

Categorias

  • Acessibilidade
  • CSS3
  • HTML5
  • Pensamentos
  • S.E.O
  • Tecnologia