A tag <head>
em HTML é uma parte essencial do documento HTML, embora não seja visível na página quando é renderizada no navegador. Ela fornece informações sobre o documento HTML e inclui elementos como metadados, links para folhas de estilo, scripts, títulos e outros recursos importantes para a renderização adequada da página. Aqui estão alguns elementos comuns que você pode incluir na tag <head>
:
Título da Página (<title>
):
O elemento <title>
define o título da página, que é exibido na barra de título do navegador ou na guia da página. É crucial para melhorar a acessibilidade e a usabilidade do site.
html<head>
<title>Exemplo de Página</title>
</head>
Meta Tags (<meta>
):
As meta tags fornecem metadados sobre a página, como a codificação de caracteres, a descrição da página para mecanismos de busca e a definição da viewport para dispositivos móveis.
html<head>
<meta charset="UTF-8">
<meta name="description" content="Descrição da página">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
Links para Folhas de Estilo (<link>
):
A tag <link>
é usada para vincular a folhas de estilo externas ao documento HTML, controlando a aparência e o layout da página.
html<head>
<link rel="stylesheet" type="text/css" href="estilos.css">
</head>
Scripts (<script>
):
A tag <script>
é usada para incluir scripts JavaScript na página, permitindo interatividade e manipulação dinâmica do conteúdo.
html<head>
<script src="script.js"></script>
</head>
Ícones (<link>
com rel="icon"):
Você pode definir um ícone para a página usando a tag <link>
com o atributo rel="icon"
. Isso define o ícone exibido na guia do navegador.
html<head>
<link rel="icon" href="icone.png" type="image/png">
</head>
Esses são apenas alguns exemplos de como a tag <head>
é usada para fornecer informações importantes sobre o documento HTML. Ela é fundamental para garantir uma experiência consistente e apropriada para os usuários que acessam a página.