Cabeçalho no HTML


Tag <head> no HTML

Tag <head> é um recipiente para todos os elementos do cabeçalho. As tags dentro do <head> pode incluir scripts, instruir o navegador onde encontrar folhas de estilo — CSS —, fornecer informações meta, e muito mais.

As seguintes tags podem ser adicionadas à seção de cabeça: <title>, <style>, <meta>, <link>, <script>, <noscript> e <base>.


Tag <title>

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

O elemento <title> é necessária em todos os documentos HTML / XHTML.

O elemento <title>:

  • define um título na barra de ferramentas do navegador
  • fornece um título para a página quando ela é adicionada ao favoritos
  • exibe um título para a página de resultados de motor de busca

Um documento HTML simplificado:

<!DOCTYPE html>
<html>
  <head>
    <title>Título do documento</title>
  </head>
  <body>
      Conteúdo do documento
  </body>
</html>

Tag <base> no HTML

A tag <base> especifica a base URL/alvo para todas as URLs relativas em uma página:

<head>
 <base href="http://wmonline.com.br/tryit/imagens/" target="_blank">
</head>

Tag <link> no HTML

A tag <link> define a relação entre um documento e um recurso externo.

A tag <link> é o mais utilizado para conectar-se a folhas de estilo — CSS —:

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

Tag <style> no HTML

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

Dentro do elemento <style> especificar como elementos HTML deve processar em um navegador:

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

Tag <meta> no HTML

Metadados são dados (informações) importantes relacionado ao conteúdo do documento.

A tag <meta> fornece metadados sobre o documento HTML. Metadados não será exibido na página, mas será processado pelo navegador.

Meta elementos tipicamente são usados ​​para especificar descrição da página, palavras-chave, autor do documento, modificada pela última vez, e outros informações.

Os metadados podem ser utilizados pelos navegadores (como exibir conteúdo ou página reload), motores de busca (palavras-chave), ou outros serviços da web.

As tags <meta> devem estar dentro da tag <head>.

Exemplos da tag <meta>

Definir palavras-chave para os motores de busca:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

Defina uma descrição de sua página web:

<meta name="description" content="Tutorial gratuito de HTML e CSS">

Definir o autor de uma página:

<meta name="author" content="Hege Refsnes">

Atualizar documento a cada 30 segundos:

<meta http-equiv="refresh" content="30">

Tag <script> no HTML

A tag <script> é usado para definir um script do lado do cliente, como um JavaScript.

O elemento <script> será explicado em um capítulo posterior.


Tags de cabeçalho <head> no HTML

Tag Descrição
<head> Define informações sobre o documento
<title> Define o título do documento
<base> Define um endereço ou uma base de endereço para todos os links
<link> Define uma ligação com um documento externo
<meta> Define metadados/informações sobre o documento
<script> Define a um script client-side (do lado do cliente)
<style> Define informações de estilo — CSS — para o documento

 

Total de comentários: 0
avatar