Tag title

A tag <title> é um dos elementos mais simples, mas ao mesmo tempo, importante do HTML. Vamos por partes:

O que é a tag <title> e para que serve?

A tag <title> define o título da página web.

Nos resultados de busca do Google ( e outros mecanismos de busca), aparece como link que leva  a página de destino.


Exibição de título da página de destino na web


Este título é adicionado aos favoritos ou favoritos do navegador.


*OBS: O texto que é adicionado entre a tag <title> Texto aqui.....</title> não aparece no corpo da página html. (Ao contrário da tags <h1> e <p> que são usadas para imprimir caracteres "letras e números" no corpo do documento ).


Esquemático

A tag ficara disposta sempre após a tag <head> para ajudar na sua localização e deixar o código organizado caso outros desenvolvedores precisarem acessar.

Entenda a importância da tag head no seu site: aprenda a usa-la de maneira profissional e entenda suas funções básicas.

Um exemplo básico:

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <title>Minha Primeir Página</title>
</head>
<body>
    <h1>Bem-vindo!</h1>
    <p>Esta é minha primeira página</p>
</body>
</html>

Exemplo de title na prática




Como aparecerá no navegador




Curiosidade histórica
Nos anos 1990, muitas páginas não colocavam títulos úteis — usavam "Sem título" ou "Página inicial", o que confundia usuários e motores de busca. Por isso, os padrões web reforçaram a boa prática de criar títulos únicos e descritivos, recomendação que segue até hoje pelo W3C (World Wide Web Consortium).

Comments

Post a Comment

E ai Dev! deixe sua opinião!