---
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="Browser_compatibility">Compatibilidade com navegadores</h2>

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