Blog do Maujor - Tutoriais e pensamentos, CSS, web standards, acessibilidade, tableless


O elemento HTML mais importante em um documento Web

Publicado em: 2006-03-20 — 4,676 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.

1 Star2 Stars3 Stars4 Stars5 Stars (Post ainda não avaliado)
Loading ... Loading ...

----------------x-x-x---------------    fim da matéria    ---------------x-x-x---------------

Construindo sites com CSS e (X)HTML

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



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

  1. farley rangel 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

  2. renato giovanny disse:

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

  3. Leandro Vieira Pinho 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.

  4. Anonymous 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

  5. Leandro Vieira Pinho disse:

    Valeu,

    Obrigado pela resposta.

  6. Ivan 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

  7. Marcos 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

Comentário:






Subscrição de comentários sem comentar

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

Voltar ao topo

PR Tool


ir topo