Em relação ao desenvolvimento front-end, analise as assertiv...
( ) Quando há necessidade de sobreposição de elementos, é possível controlar a ordem de camadas com a propriedade "z-index". Sendo assim, os elementos com essa propriedade que têm valores mais altos são exibidos mais à frente e com valores mais baixos são exibidos mais ao fundo.
( ) Quando se trata da construção de um layout fluido, deve-se definir os elementos da página web com unidades de medida relativas, tais como pixels, ao invés de unidades absolutas como porcentagens.
( ) A tag <div> foi descontinuada, e não é mais recomendada a sua utilização na construção de estruturas em HTML 5 por conta das tags semânticas.
( ) Um layout responsivo é aquele que se ajusta para otimizar a exibição em dispositivos específicos através da definição de diferentes breakpoints.
A ordem correta de preenchimento dos parênteses, de cima para baixo, é:
Gabarito comentado
Confira o gabarito comentado por um dos nossos professores
A alternativa correta é a D - V – F – F – V. Vamos entender o porquê dessa ser a escolha certa:
(V) A primeira afirmação é verdadeira. A propriedade "z-index" é usada exatamente para controlar a sobreposição de elementos numa página web. Elementos com valores de z-index maiores são exibidos na frente de elementos com valores menores, criando um efeito de camadas.
(F) A segunda afirmação é falsa. Para criar um layout fluido, devemos usar unidades de medida relativas, como percentuais (%) ou em, em vez de unidades absolutas como pixels (px). Isso permite que o layout se ajuste proporcionalmente às diferentes resoluções e tamanhos de tela.
(F) A terceira afirmação também é falsa. A tag <div> não foi descontinuada e ainda é amplamente utilizada em HTML5, mesmo com a introdução de tags semânticas. As tags semânticas adicionam significado ao conteúdo da página, mas a <div> continua sendo útil para diversos propósitos, como agrupamento de elementos para estilização ou script.
(V) A quarta afirmação é verdadeira. Um layout responsivo adapta-se a diferentes dispositivos e tamanhos de tela, muitas vezes usando media queries para definir os breakpoints. Estes são os pontos onde o design da página muda para acomodar diferentes larguras de tela, garantindo uma boa experiência de usuário em qualquer dispositivo.
Entender esses conceitos é crucial para o desenvolvimento front-end, pois eles são a base para a criação de interfaces que funcionam bem em uma ampla gama de dispositivos e navegadores. Além disso, é importante estar atualizado com as práticas recomendadas e padrões atuais de web design responsivo.
Clique para visualizar este gabarito
Visualize o gabarito desta questão clicando no botão abaixo
Comentários
Veja os comentários dos nossos alunos
- (F) A tag <div> não foi descontinuada e ainda é amplamente utilizada na construção de estruturas em HTML5. Embora sejam encorajadas tags semânticas, continua sendo útil para dividir e organizar o conteúdo.
Clique para visualizar este comentário
Visualize os comentários desta questão clicando no botão abaixo
Conheça nossos planos