1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
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>
|
