diff options
Diffstat (limited to 'files/pt-br/web/html/element/nav/index.html')
| -rw-r--r-- | files/pt-br/web/html/element/nav/index.html | 133 |
1 files changed, 133 insertions, 0 deletions
diff --git a/files/pt-br/web/html/element/nav/index.html b/files/pt-br/web/html/element/nav/index.html new file mode 100644 index 0000000000..20a2e4e77c --- /dev/null +++ b/files/pt-br/web/html/element/nav/index.html @@ -0,0 +1,133 @@ +--- +title: nav +slug: Web/HTML/Element/nav +tags: + - Elemento + - HTML + - Internet + - Links + - Navegação + - Rede + - Referencia + - Seções + - Seções HTML + - Web + - nav +translation_of: Web/HTML/Element/nav +--- +<h2 id="Sumário">Sumário</h2> + +<p>O <em>Elemento </em><em>HTML </em><em>de Navegação</em> (<code><nav></code>) representa uma seção de uma página que aponta para outras páginas ou para outras áreas da página, ou seja, uma seção com links de navegação.</p> + +<div class="note"> +<p><em>Notas de utilização:</em></p> + +<ul> + <li>Nem todos os links de um documento devem estar dentro de um elemento <code><nav></code>, o qual é destinado apenas para grupos importantes de links de navegação; tipicamente o elemento {{ HTMLElement("footer") }} contém uma lista de links que não precisam estar em um elemento {{ HTMLElement("nav") }}.</li> + <li>Um documento pode ter vários elementos {{ HTMLElement("nav") }}, por exemplo, um para navegação no site e outro para navegação dentro da página.</li> + <li>Agentes de usuário, como leitores de tela para usuários deficientes, podem utilizar este elemento para determinar se a renderização inicial do conteúdo do mesmo deve ser omitida.</li> +</ul> +</div> + +<h2 id="Contexto_de_uso">Contexto de uso</h2> + +<table class="standard-table"> + <tbody> + <tr> + <td>Conteúdo permitido</td> + <td><a href="/en/HTML/Content_categories#flow_content" title="en/HTML/Content categories#flow content">Conteúdo de fluxo</a></td> + </tr> + <tr> + <td>Omissão de tag</td> + <td>Nenhuma, tanto a tag de início quanto a de fim são obrigatórias</td> + </tr> + <tr> + <td>Elementos-pai permitidos</td> + <td>Quaisquer elementos que permitam conteúdo de fluxo. Note que um elemento <code><nav></code> não deve descender de um elemento {{ HTMLElement("address") }}.</td> + </tr> + <tr> + <td>Documento normativo</td> + <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#the-nav-element" rel="external nofollow" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#the-nav-element">HTML5, seção 4.4.3</a></td> + </tr> + </tbody> +</table> + +<h2 id="Atributos">Atributos</h2> + +<p>Este elemento não possui outros atributos além dos <a href="/en/HTML/Global_attributes" rel="internal">atributos globais</a>, comuns a todos os elementos.</p> + +<h2 class="editable" id="Interface_DOM">Interface DOM</h2> + +<p>Este elemento implementa a interface <code><a href="/en/DOM/element" title="en/DOM/element">HTMLElement</a></code>.</p> + +<h2 id="Exemplos">Exemplos</h2> + +<pre class="brush: html"><nav> + <ul> + <li><a href="#">Página inicial</a></li> + <li><a href="#">Sobre</a></li> + <li><a href="#">Contato</a></li> + </ul> +</nav> +</pre> + +<h2 id="Compatibilidade">Compatibilidade</h2> + +<p>{{ CompatibilityTable() }}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Recurso</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>5</td> + <td>{{ CompatGeckoDesktop("2.0") }}</td> + <td>9.0</td> + <td>11.10</td> + <td>4.1</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Recurso</th> + <th>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>2.2</td> + <td>{{ CompatGeckoMobile("2.0") }}</td> + <td>9.0</td> + <td>11.0</td> + <td>5.0 (iOS 4.2)</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veja_também">Veja também</h2> + +<ul> + <li>Outros elementos relacionados à seções: {{ HTMLElement("body") }}, {{ HTMLElement("article") }}, {{ HTMLElement("section") }}, {{ HTMLElement("aside") }}, {{ HTMLElement("h1") }}, {{ HTMLElement("h2") }}, {{ HTMLElement("h3") }}, {{ HTMLElement("h4") }}, {{ HTMLElement("h5") }}, {{ HTMLElement("h6") }}, {{ HTMLElement("hgroup") }}, {{ HTMLElement("header") }}, {{ HTMLElement("footer") }}, {{ HTMLElement("address") }};</li> + <li class="last"><a href="/pt-BR/docs/Seções_e_estrutura_HTML5" title="/pt-BR/docs/Seções_e_estrutura_HTML5">Seções e esboços de um documento HTML5</a></li> +</ul> + +<div>{{HTMLRef}}</div> + +<div>{{languages({ "ja": "ja/HTML/Element/nav" })}}</div> |