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

Você está no BLOG do Maujor. IR PARA O SITE

O elemento HTML mais importante em um documento Web

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

Livros do Maujor

Desenvolvimento com Padrões Web? Adquira os livros do Maujor
Clique a "capinha" para visitar o site do livro.

capa livro jQuery   capa livro ajaxjQuery   capa livro css   capa livro html   capa livro javascript   capa livro html5   capa livro css3   capa livro jQuery Mobile   capa livro jQuery UI   capa livro SVG   capa livro RWD   capa livro foundation   capa livro HTML5 e CSS3   capa livro Bootstrap3   capa livro Sass e Compass

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 http://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