Esta página foi traduzida do inglês pela comunidade.Saiba mais e junte-se à comunidade MDN Web Docs.
hidden
Oatributo globalhidden é um atributo booleano que indica se um elemento é ou nãorelevante. 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 atributohidden setado.
O atributohidden não deve ser utilizado para esconder conteúdo que poderia legitimamente ser mostrado em outra apresentação, por exemplo, não é correto usarhidden 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 comohidden, ele está escondido de todas as apresentações incluindo, por exemplo, leitores de tela.
Elementos comhidden não devem estar ligados a outros elementos semhidden. Elementos filhos de um elemento com o atributohidden ainda estão ativos, ou seja, é possível executar a açãosubmit de um formulário ou uma tagscript pode ser executada se em ambos os casos estes elementos forem filhos de um elemento com o atributohidden.
Por exemplo, é incorreto o uso do atributohref referenciando a uma sessão marcada com o atributohidden. Se o conteúdo não é aplicável ou relevante, não faz sentido fazer a referência.
Pode ser correto, entretanto, usar o atributo ARIAaria-describedbypara referenciar descrições que estejam, elas mesmas, escondidas. Esconder as descrições implica que elas não são úteis por si só. Mas elas podem ser escritas de forma que sejam úteis no contexto específico do elemento que descrevem
Similarmente, um elemento canvas com atributohidden poderia ser usado como buffer por um script de gráficos, e um controle de formulário, usando seu atributo form, poderia referir-se a um elementoform com atributohidden.
Nota:Mudar o valor da propriedadedisplay no CSS de um elemento com o atributohidden sobrescreve o comportamento. Por exemplo, elementos com o estilodisplay: flex; serão mostrados independente da presença do atributohidden.
In this article
Especificações
| Specification |
|---|
| HTML> # the-hidden-attribute> |
Compatibilidade com navegadores
Veja também
- Todos osatributos globais.