Logo do siteSilhueta da face do Maujor seguida do texto Maujor o dinossauro das CSS

Menu hamburger Três barras horizontais na cor laranja destinadas a ser clicada para abrir o menu menu do site

O elemento HTML mais importante em um documento Web

Publicado em: 2006-03-20 — 15.387 visualizacoes

A seguir listei alguns elementos HTML e pergunto se você seria capaz de me dizer qual entre eles é o mais importante em um documento Web.

Responda consciente ou dê um ‘chute’ antes de rolar a tela para baixo e ver a resposta.

Listagem de elementos HTML:

  • p
  • blockquote
  • meta
  • h1
  • title
  • div
  • span
  • table
  • acronym
  • iframe

Se você respondeu com certeza, ou respondeu sem muita certeza ou ainda, se ‘chutou’ title, parabéns, você acertou!

O elemento title em HTML foi projetado para descrever um pequeno texto no documento com a finalidade de ser usado:

  • na barra de títulos da janela do documento;
  • em listas de favoritos (bookmarks);
  • nas listas de resultados, pelos sites de busca.

Cada documento HTML deve conter um elemento title colocado na seção head.

O uso do elemento title é para a identificação do conteúdo de uma página.
Assim o texto nele contido deverá descrever sumariamente o assunto tratado na página. Não esquecer que uma página isolada poderá ser acessada sem que o usuário conheça o restante do site e assim o texto que descreve o documento deverá ser suficientemente significativo para ser entendido fora do contexto do site como um todo.

Por exemplo:

<title>Introdução - Primeiros passos</title>

não é uma boa escolha pois contraria o princípio descrito acima.
Primeiros passos do quê? ou para quê?
Melhor seria:

<title>Layout sem tabelas, Introdução - Primeiros passos</title>

Por razões de acessibilidade os agentes de usuário (navegadores, dispositivos móveis, leitores de tela, etc.) devem disponibilizar o conteúdo de title para o usuário.
title pode conter caracteres especiais, devidamente codificados, mas não podem conter qualquer tipo de marcação.
O número máximo ideal de caracteres no texto descritivo de title é de 64 (sessenta e quatro).

Não se esqueça. O elemento HTML mais importante em uma página Web é o seu título title.

Desenvolvimento com Padrões Web? Adquira os livros do Maujor
Visite o site dos livros.

Esta matéria foi publicada em: 2006-03-20 (segunda-feira). Subscreva o feed RSS 2.0 para comentários.
Comente abaixo, ou link para https://www.maujor.com/blog/2006/03/20/o-elemento-html-mais-importante-em-um-documento-web/trackback no seu site.

8 comentários na matéria: “O elemento HTML mais importante em um documento Web”

  1. felixNo Gravatar disse:

    quando eu li o nome do post eu me respondi “o doctype”
    mas fail kkk

  2. MarcosNo Gravatar disse:

    Ola´!

    Não sei se é errado mas uso a tag title para fazer aquela caixinha que aparece flutuando quando se passa o mouse sobre um elemento. é melhor do que usar o alt da microsoft que não funciona em todos os borwseres. Mas minha pergunta é: Como alterar a aparência da caixinha flutuante com css. Será que é possível?
    Se puder me responder ficarei agradecido.

    Atenciosamente:
    Marcos
    Torpedos Gratis para Vivo e Claro

  3. IvanNo Gravatar disse:

    gostaria de saber que um site de busca tipo o google….
    consegue ler as meta tags que estão dentro de um iframe….

    quem souber me vala por favor…..

    valeu

  4. Leandro Vieira PinhoNo Gravatar disse:

    Valeu,

    Obrigado pela resposta.

  5. AnonymousNo Gravatar disse:

    Olá Leandro
    Usar caracteres especiais tais como ç, ã, é, & etc. pode trazer inconsistência na renderização.
    Você poderá obter como resultado um ? ou algo mais estranho, além de poder causar problemas de parseamento e falhas de interpretação em XML.
    Assim, prefira sempre codificar os caracteres especiais.
    Leia: http://www.w3.org/International/questions/qa-escapes

  6. Leandro Vieira PinhoNo Gravatar disse:

    Olá Maurício,

    Quando você diz:

    “…title pode conter caracteres especiais, devidamente codificados,…”

    Você quer dizer, que isto é errado:

    <title>Texto sem codificação</title>

    É esta forma é correta:

    <title>Texto sem codificação</title>

    Quais os pós e contra de uma e do outro? Obrigado.

  7. renato giovannyNo Gravatar disse:

    Eu calculai que seria a tag meta…
    bola fora 🙁
    Não tinha me ligado na importância óbvia da tag title.
    Valeu!

  8. farley rangelNo Gravatar disse:

    Apesar de ter acertado com certeza – não no chute – vou anotar todo o conteúdo do post no meu PDA onde tenho muitas outras, para futuras referências. Está muito bem explicado!
    Maurício, estou estudando – mesmo que por conta própria – standards e seu site (e agora o blog) são minhas referências preferidas, além do artífice da web. Conhece ? Recomendo passar por lá, caso não conheça!

    Farley Rangel

Comentário:





Teclar "Enter" cria um novo parágrafo. Teclar "Shift + Enter" causa uma quebra de linha.

Subscribe without commenting

topo