switch

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨julho de 2015⁩.

O elemento switch avalia os atributos requiredFeatures, requiredExtensions e o systemLanguage diretamente nos seus elementos filhos em ordem e, em seguida, processa e renderiza o primeiro filho que possua este atributo definido como verdadeiro. Todos os outros serão ignorados e, portanto, não renderizados. Se o elemento filho é um elemento recipiente como o <g>, então toda a subárvore será ou processada/renderizada ou ignorada/não renderizada.

Observe que os valores das propriedades display e visibility não possuem efeitos sob o processamento do elemento switch. Em particular, definindo display como none em um filho de um elemento switch não possuirá efeito sob o teste de verdadeiro/falso associado com o processamento de um elemento switch.

Contexto de uso

Categorias	Elemento recipiente
Conteúdo permitido	Qualquer número dos seguintes elementos, em qualquer ordem: Elementos de animação Elementos descritivos Elementos de forma `<a>`, `<foreignObject>`, `<g>`, `<image>`, `<svg>`, `<switch>`, `<text>`, `<use>`