We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

O atributo global hidden é um atributo booleano que indica se um elemento é ou não relevante. Por exemplo, ele pode ser usado para esconder elementos de página que não podem ser usados até que o processo de login seja completo. Os navegadores não renderizarão elementos com o atributo hidden setado.

O atributo hidden não deve ser utilizado para esconder conteúdo que poderia legitimamente ser mostrado em outra apresentação, por exemplo, não é correto usar  hidden para esconder abas de formulários em paineis, porque interfaces separadas por abas são meramente um tipo de apresentação em fluxo — o que pode ser igualmente mostrado em forma vertical com barra de rolagem. É similarmente incorreto usar este atributo para esconder conteúdo de apenas uma apresentação — se algo está marcado como hidden, ele está escondido de todas as apresentações incluindo, por exemplo, leitores de tela.

Elementos com hidden não devem estar ligados a outros elementos sem hidden. Elementos filhos de um elemento com o atributo hidden ainda estão ativos, ou seja, é possível executar a ação submit de um formulário ou uma tag script pode ser executada se em ambos os casos estes elementos forem filhos de um elemento com o atributo hidden.

Nota: Mudando o valor da propriedade display no CSS de um elemento com o atributo hidden sobrescreve o comportamento. Por exemplo, elementos com o estilo display: flex; serão mostrados independente da presença do atributo hidden.

Especificações

Specification Status Comment
HTML Living Standard
The definition of 'hidden' in that specification.
Padrão em tempo real Sem mudanças desde o último snapshot, HTML 5.1
HTML Living Standard
The definition of 'Hidden elements' in that specification.
Padrão em tempo real Define o processamento padrão sugerido do atributo hidden usando CSS
HTML 5.1
The definition of 'hidden' in that specification.
Recomendação Definição inicial do snapshot de HTML Living Standard

Compatibilidade em navegadores

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Suporte básico (Yes) 4.0 (2) 11 (Yes) (Yes)
Feature Android Chrome para Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Suporte básico 4 (Yes) 4.0 (2) 11 (Yes) (Yes)

Veja também

Etiquetas do documento e colaboradores

Colaboradores desta página: gulima, sheldonled
Última atualização por: gulima,