A respeito de interface web, ferramentas de desenho e padrõe...

Gabarito: C - certo

O tema abordado pela questão refere-se ao uso de gráficos vetoriais escaláveis, conhecidos como SVG (Scalable Vector Graphics), e a sua integração em páginas web através do HTML5. Para resolver corretamente essa questão, é necessário conhecer as possibilidades oferecidas pelo HTML5 em relação à incorporação de diferentes tipos de conteúdo, em particular as imagens vetoriais no formato SVG.

O formato SVG é preferido para gráficos na web pois permite que as imagens sejam escaladas para qualquer tamanho sem perda de qualidade, o que é especialmente importante em um ambiente onde os usuários podem ter dispositivos com tamanhos de tela muito variados. Além disso, por ser baseado em XML, os elementos SVG podem ser manipulados via CSS e JavaScript.

Com a chegada do HTML5, houve uma ampliação significativa no suporte a multimídia e gráficos, incluindo a capacidade de embutir diretamente gráficos SVG no HTML. Antes do HTML5, era comum ter que recorrer a plugins ou a técnicas alternativas para incorporar SVG. Agora, é possível simplesmente utilizar a tag <svg> diretamente no código HTML para incluir gráficos vetoriais. Isso torna o processo mais simples e integrado, garantindo melhor desempenho e acessibilidade.

A afirmativa da questão é correta porque, de fato, o HTML5 permite a incorporação de elementos SVG diretamente dentro do código de uma página, o que simplifica a criação de gráficos interativos e responsivos na web, sem a necessidade de dependências externas. Isso é particularmente útil para designers e desenvolvedores que desejam criar interfaces ricas e adaptáveis a diferentes resoluções de tela.

SVG é um arquivo baseado em texto e descreve as imagens com formatos vetoriais. Eles são capazes de comprimir ainda mais os arquivos, sem perda nenhuma de qualidade (mesmo ao redimensionar as imagens).

Correto, através da tag svg. O exemplo abaixo desenha um círculo vermelho.

<svg height="100" width="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
  Sorry, your browser does not support inline SVG.  
</svg>