O <picture>elemento HTML oferece aos desenvolvedores da Web mais flexibilidade na especificação de recursos de imagem.

O <picture>elemento contém um ou mais <source>elementos, cada um referente a imagens diferentes por meio do src set atributo Dessa forma, o navegador pode escolher a imagem que melhor se ajusta à exibição e / ou dispositivo atual.

Cada <source>elemento possui um media atributo que define quando a imagem é a mais adequada.

<picture>
  <source media="(min-width: 650px)" srcset="media.jpg">
  <source media="(min-width: 465px)" srcset="pequena.jpg">
  <img src="grande.jpg">
</picture>

Categoria: curso html | Tags: aprenda, códigos, editores, html, html5, introdução, tags, tutorial | Postado por joemaster em 30/jun/2020

Próximo >> Tabelas HTML