Head

< CSS | Índice | Meta >

O elemento head

O elemento head serve de container para outros elementos. Os elementos dentro de <head> podem incluir scripts, instruções sobre onde achar folhas de estilo, indicar meta informações sobre o documento html e mais.

As seguintes tags podem ser incluidas dentro da seção criada com o elemento <head>, são elas : <title>, <base>, <link>, <meta>, <script> e <style>.


O elemento title

A tag <title> define o título do documento.

O elemento title é requirido em todos os documento HTML ou XHTML.

O elemento título:

  • Define um título da na barra de títulos do browser
  • Dão nome a página quando incluida dentro dos favoritos
  • Mostram o título em uma página de resultados de uma search-engine

Um documento html simplificado:

<html>
<head>
<title>Título do documento</title>
</head>

<body>Conteúdo do documento
</body>

</html>

O elemento base

A tag <base> especifica o endereço base e padrão para todos os outros links dentro de um documento html:

<head>
<base href="http://www.w3schools.com/images/" />
<base target="_blank" />
</head>

O elemento link

A tag <link> define uma relação entre um documento html e algum recurso externo como uma folha de estilos:

A tag <link> é mais usada para fazer referência a uma folha de estilos externa:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

O elemento style

A tag <style> é usada para definir informações de estilo para um documento html.

Dentro do elemento style você define como elementos html devem ser renderizados na tela do browser:

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

O elemento meta

A tag <meta> define dados meta sobre o documento html.

O elemento meta será descrito em capítulo específico de nome Meta.


O elemento script

A tag <script> é usada para definir código para ser executado no browser do usuário, como o JavaScript.

O elemento script será explicado em um capítulo específico de nome Scripts.


O elemento head

Tag Descrição
<head> Define informações sobre o documento
<title> Define o título de um documento
<base /> Define o endereço padrão para todos os links da página
<link /> Define a relação entre o documento e um recurso externo
<meta /> Define metadata sobre um documento html
<script> Define um script para ser executado no lado do cliente
<style> Define informações internas de estilo para o documento html


< CSS | Índice | Meta >