1 files changed, 111 insertions, 0 deletions
diff --git a/files/pt-br/web/html/global_attributes/hidden/index.html b/files/pt-br/web/html/global_attributes/hidden/index.html
new file mode 100644
index 0000000000..47dd314069
--- /dev/null
+++ b/files/pt-br/web/html/global_attributes/hidden/index.html
@@ -0,0 +1,111 @@
+---
+title: hidden
+slug: Web/HTML/Global_attributes/hidden
+tags:
+  - Atributos globais
+  - HTML
+  - Referência(2)
+translation_of: Web/HTML/Global_attributes/hidden
+---
+<div>{{HTMLSidebar("Global_attributes")}}</div>
+
+<p><span class="seoSummary">O <a href="/pt-BR/docs/Web/HTML/Global_attributes">atributo global</a> <strong><code>hidden</code></strong> é um atributo booleano que indica se um elemento é ou não <em>relevante</em>. 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.</span> Os navegadores não renderizarão elementos com o atributo <code>hidden</code> setado.</p>
+
+<p>O atributo <code>hidden</code> não deve ser utilizado para esconder conteúdo que poderia legitimamente ser mostrado em outra apresentação, por exemplo, não é correto usar  <code>hidden</code> 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 <code>hidden</code>, ele está escondido de todas as apresentações incluindo, por exemplo, leitores de tela.</p>
+
+<p>Elementos com <code>hidden</code> não devem estar ligados a outros elementos sem <code>hidden</code>. Elementos filhos de um elemento com o atributo <code>hidden</code> ainda estão ativos, ou seja, é possível executar a ação <code>submit</code> de um formulário ou uma tag <code>script</code> pode ser executada se em ambos os casos estes elementos forem filhos de um elemento com o atributo <code>hidden</code>.</p>
+
+<p>Por exemplo, é incorreto o uso do atributo <code>href</code> referenciando a uma sessão marcada com o atributo <code>hidden</code>. Se o conteúdo não é aplicável ou relevante, não faz sentido fazer a referência.</p>
+
+<p>Pode ser correto, entretanto, usar o atributo ARIA <code>aria-describedby</code>para 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</p>
+
+<p>Similarmente, um elemento canvas com atributo <code>hidden</code> 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 elemento <code>form</code> com atributo <code>hidden</code>.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> Mudar o valor da propriedade {{cssxref("display")}} no CSS de um elemento com o atributo <code>hidden</code> sobrescreve o comportamento. Por exemplo, elementos com o estilo <code>display: flex;</code> serão mostrados independente da presença do atributo <code>hidden</code>.</p>
+</div>
+
+<h2 id="Especificações">Especificações</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', "interaction.html#the-hidden-attribute", "hidden")}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Sem mudanças desde o último snapshot, {{SpecName('HTML5.1')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', "rendering.html#hiddenCSS", "Hidden elements")}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td><span id="result_box" lang="pt"><span>Define</span> <span>o processamento padrão</span> <span>sugerido d</span><span>o atributo hidden</span> <span>usando </span></span>CSS</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', "editing.html#the-hidden-attribute", "hidden")}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td>Definição inicial do snapshot de {{SpecName('HTML WHATWG')}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilidade_em_navegadores">Compatibilidade em navegadores</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suporte básico</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatGeckoDesktop("2") }}</td>
+   <td>11</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Android</th>
+   <th>Chrome para Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suporte básico</td>
+   <td>4</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatGeckoMobile("2") }}</td>
+   <td>11</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veja_também">Veja também</h2>
+
+<ul>
+ <li>Todos os <a href="/pt-BR/docs/Web/HTML/Global_attributes">atributos globais</a>.</li>
+</ul>