Manuale di riferimento HTML

Completo elenco dei tag HTML

Attributo hidden HTML

L'attributo globale hidden è un attributo booleano che indica che un elemento non è ancora o più rilevante. Ad esempio, può essere utilizzato per nascondere un elemento della pagina fino al completamento della login. Se un elemento ha questo attributo, non verrà visualizzato.

Proprietà globali HTML

Modificare la proprietà CSS display dell'elemento con l'attributo hidden sovrascriverà questo comportamento. Ad esempio, se l'elemento è impostato su display: flex, l'elemento verrà visualizzato nonostante l'attributo hidden

Esempio online

Dimostrazione di paragrafi nascosti e normali:

Esempio

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Utilizzo dell'attributo hidden HTML (Manuale di base HTML oldtoolbag.com)</title>
</head>
<body>
<p hidden="nascosto">Questo è un paragrafo nascosto.</p>
<p>Questo è un paragrafo visibile normalmente.</p>
</body>
</html>

Prova a vedere ‹/›

Compatibilità dei browser

IEFirefoxOperaChromeSafari

Tutti i browser mainstream lo supportano.

Definizione e uso

L'attributo nascosto è un attributo booleano.
Se esiste, specifica che un elemento non è più rilevante o non è più rilevante.
Il browser non dovrebbe mostrare l'elemento con l'attributo nascosto specificato.
L'attributo nascosto può anche essere utilizzato per impedire all'utente di vedere l'elemento fino a quando non vengono soddisfatte alcune altre condizioni (come selezionare un casella di controllo, ecc.). Poi, JavaScript può rimuovere l'attributo nascosto e rendere l'elemento visibile.

Differenze tra HTML 4.01 e HTML5

L'attributo nascosto è una nuova proprietà di HTML5.

Differenze tra HTML e XHTML

In XHTML, gli attributi non sono abbreviati, l'attributo nascosto deve essere definito come <elemento nascosto="nascosto">.

sintassi

　　　　 <elemento nascosto>

Proprietà globali HTML

HTML: <template> etichetta