---
title: hidden
slug: Web/HTML/Global_attributes/hidden
tags:
  - Attribut
  - Globales Attribut
  - HTML
  - Reference
  - Referenz
translation_of: Web/HTML/Global_attributes/hidden
original_slug: Web/HTML/Globale_Attribute/hidden
---
<p class="note">{{HTMLSidebar("Global_attributes")}}</p>

<p>Das <a href="/en-US/docs/Web/HTML/Global_attributes">globale Attribut</a> <strong>hidden </strong>ist ein boolesches Attribut welches angibt, dass das Element nicht oder nicht länger <em>relevant</em> ist. Zum Beispiel, kann es benutzt werden, um Elemente einer Seite zu verstecken, die nicht benötigt werden, wenn ein Anmeldeprozess erfolgreich durchgeführt wurde. Der Browser wird solche Elemente nicht anzeigen.</p>

<p>Dieses Attribut soll nicht benutzt werden, um Inhalt zu verstecken, der rechtmäßig angzeigt werden könnte. Zum Beispiel sollte es nicht benutzt werden, um Seiten eines Tabelleninterface zu verstecken. Dies ist eine Gestaltungsfrage.</p>

<p>Versteckte Elemente sollten nicht mit sichtbaren Elementen verlinkt sein. Elemente, die von versteckten Elementen abstammen, sind trotzdem aktiv, was bedeutet, dass Skript-Elemente immer noch ausgeführt und Form-Elemente gesendet werden können.</p>

<div class="note">
<p><strong>Bemerkung:</strong> Das Abändern des Wertes der CSS {{cssxref("display")}} Eigenschaft eines Elementes mit dem <code>hidden</code> Attribut überschreibt das Verhalten. Also wird ein Element mit Style <code>display: flex</code> angezeigt, egal ob das <code>hidden</code> Attribut gesetzt ist oder nicht.</p>
</div>

<h2 id="Spezifikationen">Spezifikationen</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Spezifikation</th>
   <th scope="col">Status</th>
   <th scope="col">Bemerkung</th>
  </tr>
  <tr>
   <td>{{SpecName('HTML WHATWG', "interaction.html#the-hidden-attribute", "hidden")}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td>Keine Änderung seit letztem Snapshot, {{SpecName('HTML5.1')}}</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5.1', "editing.html#the-hidden-attribute", "hidden")}}</td>
   <td>{{Spec2('HTML5.1')}}</td>
   <td>Snapshot von {{SpecName('HTML WHATWG')}}, initiale Definition</td>
  </tr>
 </tbody>
</table>

<h2 id="Browserkompatibilität">Browserkompatibilität</h2>



<p>{{Compat("html.global_attributes.hidden")}}</p>

<h2 id="Siehe_auch">Siehe auch</h2>

<ul>
 <li>Alle <a href="/en-US/docs/Web/HTML/Global_attributes">globalen Attribute</a>.</li>
</ul>