Tag Head
A tag <head> é uma das partes mais importantes da uma página HTML, mas ela não exibe nada diretamente na tela do navegador. Imagine ela como o "cérebro" do documento - é onde você coloca informações que descrevem e configuram toda a sua página, ou seja, nenhum conteúdo visual é adicionado a esta tag. O usuário não verá absolutamente nada.
O que significa <head> ?
O nome "head" vem de "cabeçalho" (não confunda com o cabeçalho visual do site).
Ela indica ao navegador que o conteúdo dentro dela é apenas para meta informação sobre a página web. Então...
Para que serve?
A <head> serve para definir dados, recursos e instruções para o navegador antes de mostrar o conteúdo real da página. Este conteúdo sempre irá se encontrar dentro de tag <body>, que iremos ver mais a frente.
Entre sua funções principais esta:
Definir metadados
Com a tag
<meta> você informa a codificação de caracteres (<meta charset="UTF-8">), descrição da página para mecanismos de busca, autor, palavras-chave etc.Usando
<title>Minha Página</title>, o texto aparece na aba do navegador e nos favoritos.Como usar a tag title: leia este guia para entender as funcionalidades deste código.
Com
<link> você pode adicionar arquivos CSS externos, fontes ou ícones de atalho (favicon).Com
<script> (embora também possa ser usado no <body>) você inclui arquivos JavaScript importantes para o carregamento.ags como
<meta name="description"> e Open Graph (<meta property="og:title" ...>) ajudam nos resultados do Google e na exibição ao compartilhar links.A tag
<meta name="viewport"> diz ao navegador como ajustar o layout em celulares e tablets.Aqui esta um exemplo do uso da tag head na prática em nosso site.
São muitas tags, não é? Mas não se preocupe que iremos ver cada uma delas mais a frente em nossa trilha.
Comments
Post a Comment
E ai Dev! deixe sua opinião!