Como fazer o Cabeçalho de uma página HTML.
Como fazer o Cabeçalho de uma página HTML
Dentro da marcação <html> , deverá existir a marcação <head>, que é responsável por
definir e informar ao navegador algumas propriedades sobre o arquivo, compondo o
cabeçalho do mesmo.
Dentre essas informações, é possível detalhar características como título da janela,
arquivos externos relacionados com o arquivo atual (arquivos JavaScript, CSS ou
outros) entre outras informações do tipo meta, que serão apresentadas mais adiante,
úteis para informar propriedades como o conjunto de caracteres da página ou outras
configurações.
O cabeçalho de uma página faz parte do conteúdo hipertexto. Por este motivo, as
marcações de abertura e fechamento do cabeçalho devem estar dentro das
marcações de abertura e fechamento do arquivo .
Um exemplo de utilização da marcação pode ser visto a seguir:
<!DOCTYPE html>
<html>
<head>
<!-- Conteúdo do Cabeçalho aqui -->
</head>
</html>obs:
O elemento HTML <head> é um contêiner para todos os elementos head: <title>, <style>, <meta>, <link>, <script> e <base>.
A utilização exclusiva da marcação <head> não impacta em nenhuma
alteração visual da página. Ainda, novamente as marcações de comentários
foram utilizadas para representar a localização do conteúdo que faz parte do cabeçalho
de um arquivo HTML. O texto Conteúdo do cabeçalho não é impresso na tela por estar
dentro das marcações de comentários, que são ignoradas junto com seus conteúdos
pelos navegadores web.
Titulo da janela
O conteúdo do título da página é muito importante para a otimização de mecanismos de busca (SEO)! O título da página é usado pelos algoritmos do mecanismo de pesquisa para decidir a ordem ao listar páginas nos resultados da pesquisa.
A tag <title> define o título do documento. O título deve ser somente texto e é mostrado na barra de título do navegador ou na guia da página.
A primeira informação que apresenta uma diferença na visualização de um arquivo
HTML é o conteúdo da marcação <title> O texto que estiver dentro de suas marcações
será utilizado para apresentar o título da janela do navegador quando a página for
carregada para visualização.
O título de uma janela é uma informação do cabeçalho do arquivo, e por este motivo
as marcações de abertura e fechamento do título <title> devem estar dentro das marcações de abertura e fechamento do cabeçalho <head>, que por sua vez devem estar
dentro das marcações <html>
A seguir é apresentado um exemplo de site cujo título é ( Aprendendo HTML5!):
<!DOCTYPE html>
<html>
<head>
<title>Aprendendo HTML5!</title>
</head>
<body>
</body
>
</html>
Observe na imagem a seguir o resultado da interpretação do código-fonte HTML
apresentado por um navegador web:
O título foi associado com a janela do navegador. Mas dependendo dos caracteres
envolvidos e do tipo da codificação utilizada para salvar o seu arquivo, problemas nos
caracteres especiais, como acentuações e cedilhas, podem ser apresentados. Isso ocorre
por existirem diferentes codificações que podem ser utilizadas nos arquivos de
computador, sendo recomendado que você informe no HTML qual delas você está
utilizando. No exemplo apresentado foi utilizada a codificação UTF-8.
Comentários
Postar um comentário