diff options
Diffstat (limited to 'files/pt-br/web/html/element/title/index.html')
| -rw-r--r-- | files/pt-br/web/html/element/title/index.html | 93 |
1 files changed, 93 insertions, 0 deletions
diff --git a/files/pt-br/web/html/element/title/index.html b/files/pt-br/web/html/element/title/index.html new file mode 100644 index 0000000000..2cd221d43e --- /dev/null +++ b/files/pt-br/web/html/element/title/index.html @@ -0,0 +1,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><title></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></title></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><title></code> é sempre usado dentro da {{HTMLElement("head")}} da página.</p> + +<h2 id="Exemplo">Exemplo</h2> + +<pre class="brush: html"><title>Título incrível</title> +</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"><title>Menu - Casa Azul Comida Chinesa - FoodYum: Faça seu pedido online!</title></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><title>2 erros - Seu pedido - Casa Azul Comida Chinesa - FoodYum: Faça seu pedido online!</title></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', '<title>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'document-metadata.html#the-title-element', '<title>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.4.2', '<title>')}}</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> |