files/pt-br/web/html/element/title/index.html


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

---
title: '<title>: O titulo do documento.'
slug: Web/HTML/Element/title
tags:
  - Element
  - HTML
  - Nome da Aba
  - Nome da Janela
  - Nome da Página
  - Reference
  - Título da Aba
  - Título da Janela
  - Título da Página
  - Web
  - título
translation_of: Web/HTML/Element/title
---
<p>O <strong>elemento HTML </strong><code>&lt;title&gt;</code> (<em>Elemento HTML Título</em>) define o título do documento, mostrado na barra de título de um navegador ou na aba da página. Pode conter somente texto e quaisquer marcações contidas no texto não são interpretadas.</p>

<ul class="htmlelt">
 <li><dfn><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categorias de conteúdo</a></dfn><a href="/pt-BR/docs/Web/Guide/HTML/Content_categories#Metadata_content">Conteúdo de metadados</a>.</li>
 <li><dfn>Conteúdo permitido</dfn> Texto que não seja whitespace entre elementos.</li>
 <li><dfn>Omissão de marcação</dfn>Todas as marcações são necessárias. Perceba que suprimir <code>&lt;/title&gt;</code> fará o navegador ignorar o resto da página.</li>
 <li><dfn>Elementos pais permitidos</dfn>Um elemento {{ HTMLElement("head") }} que não contenha outro elemento {{ HTMLElement("title") }}.</li>
 <li><dfn>Funções ARIA permitidas</dfn> Nenhuma.</li>
 <li><dfn>Interface DOM</dfn> {{domxref("HTMLTitleElement")}}</li>
</ul>

<h2 id="Atributos">Atributos</h2>

<p><span style="line-height: 21px;">Este elemento inclui somente os </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributos globais</a><span style="line-height: 21px;">.</span></p>

<h2 id="Notas_de_uso">Notas de uso</h2>

<p>O elemento <code>&lt;title&gt;</code> é sempre usado dentro da {{HTMLElement("head")}} da página.</p>

<h2 id="Exemplo">Exemplo</h2>

<pre class="brush: html">&lt;title&gt;Título incrível&lt;/title&gt;
</pre>

<h2 id="Specifications" name="Specifications">Preocupações de acessibilidade</h2>

<p>É importante informar um valor para o <code>title</code> que descreva o propósito da página.</p>

<p>Uma técnica comum de navegação para usuários de tecnologias assistivas é ler o título da página a fim de deduzir o que ela contém. Isso ocorre porque navegar pela página para determinar o conteúdo dela pode ser confuso e consumir muito tempo.</p>

<h4 id="Exemplo_2">Exemplo</h4>

<pre class="brush: html">&lt;title&gt;Menu - Casa Azul Comida Chinesa - FoodYum: Faça seu pedido online!&lt;/title&gt;</pre>

<p>Para ajudar o usuário, atualize o valor do <code>title</code> para refletir mudanças significativas no estado da página (como problemas de validação em formulários).</p>

<h4 id="Exemplo_3">Exemplo</h4>

<pre>&lt;title&gt;2 erros - Seu pedido - Casa Azul Comida Chinesa - FoodYum: Faça seu pedido online!&lt;/title&gt;</pre>

<h2 id="Specifications" name="Specifications">Especificações</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Especificação</th>
   <th scope="col">Status</th>
   <th scope="col">Comentário</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'semantics.html#the-title-element', '&lt;title&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'document-metadata.html#the-title-element', '&lt;title&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.4.2', '&lt;title&gt;')}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h2 id="Compatibilidade_dos_navegadores">Compatibilidade dos navegadores</h2>

<div class="hidden">
<p>A tabela de compatibilidade nesta página é gerada a partir dos dados estruturados. Se você quiser contribuir com os dados confira <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> e envie-nos uma solicitação de recebimento.</p>
</div>

<p> {{Compat("html.elements.title")}}</p>