Tag HTML <head>
Exemplo
Um documento HTML simples, com uma tag <title> dentro da seção head:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Title of the document</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a
paragraph.</p>
</body>
</html>
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O <head>
elemento é um contêiner para metadados (dados sobre dados) e é colocado entre a tag <html> e a tag <body>.
Metadados são dados sobre o documento HTML. Os metadados não são exibidos.
Metadados normalmente definem o título do documento, conjunto de caracteres, estilos, scripts e outras informações de meta.
Os seguintes elementos podem ir dentro do <head>
elemento:
Suporte ao navegador
Element | |||||
---|---|---|---|---|---|
<head> | Yes | Yes | Yes | Yes | Yes |
Atributos Globais
A <head>
tag também suporta os Atributos Globais em HTML .
Mais exemplos
Exemplo
A tag <base> (especifica um URL padrão e um destino para todos os links em uma página) vai dentro de <head>:
<html>
<head>
<base href="https://www.w3schools.com/" target="_blank">
</head>
<body>
<img src="images/stickman.gif" width="24"
height="39" alt="Stickman">
<a href="tags/tag_base.asp">HTML base Tag</a>
</body>
</html>
Exemplo
A tag <style> (adiciona informações de estilo a uma página) vai dentro de <head>:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A
paragraph.</p>
</body>
</html>
Exemplo
A tag <link> (links para uma folha de estilo externa) vai dentro de <head>:
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>I am formatted with a linked style sheet</h1>
<p>Me too!</p>
</body>
</html>
Páginas relacionadas
Tutorial HTML: Cabeçalho HTML
Referência HTML DOM: objeto principal
Configurações padrão de CSS
A maioria dos navegadores exibirá o <head>
elemento com os seguintes valores padrão:
head {
display: none;
}