Manual de referência HTML

大全 de etiquetas HTML

Atributo hidden em HTML

A propriedade global hidden é um atributo booleano que indica que um elemento ainda não está ou já não está relevante. Por exemplo, pode ser usado para ocultar um elemento da página até que o login seja concluído. Se um elemento tiver essa propriedade configurada, ele não será exibido.

Atributos Globais do HTML

Alterar o atributo CSS display de um elemento com a propriedade hidden cobre este comportamento. Por exemplo, se o elemento for configurado como display: flex, ele será exibido, mesmo com a propriedade hidden configurada.

Exemplo online

Demonstração de parágrafos ocultos e normais:

Exemplo

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Uso do atributo hidden em HTML (Tutorial básico da Web oldtoolbag.com)</title>
</<head>
<body>
<p hidden="hidden">Este é um parágrafo oculto.</p>
<p>Este é um parágrafo visível normal.</p>
</body>
</html>

Teste e veja ‹/›

Compatibilidade com navegadores

IEFirefoxOperaChromeSafari

Todos os navegadores principais suportam.

Definição e uso

A propriedade hidden é um atributo booleano.
Se existir, ela especifica que um elemento ainda não é relevante ou já não é relevante.
O navegador não deve exibir o elemento com a propriedade hidden especificada.
A propriedade hidden também pode ser usada para impedir que o usuário veja o elemento até que sejam atendidas certas condições adicionais (como marcar uma caixa de seleção, etc.). Em seguida, o JavaScript pode remover a propriedade hidden e tornar o elemento visível.

HTML 4.01 com o HTML5diferenças

A propriedade hidden é do HTML5 novo atributo.

Diferenças entre HTML e XHTML

No XHTML, os atributos não são abreviados, a propriedade hidden deve ser definida como <element hidden="hidden">.

Sintaxe

　　　　 <element hidden>

Atributos Globais do HTML

HTML: <template> tag