O cabeçalho de um documento de HTML pode conter vários elementos, como título do documento, descrição, palavras chaves, entre outros elementos incorporados que irão ajudar a renderizar o conteúdo deste documento, como códigos CSS e JavaScript, ou arquivos externos.
<head>Veja as tags principais que podem ser usadas dentro da tag head:
<title>Título da página</title>
</head>
title: Pode definir um título que ficará na aba do navegador, ou em navegadores mais antigos, fica na parte superior do navegador, na barra de títulos.
meta: Pode definir meta informações, como metatags, ou metadados. Estes podem dizer como o navegador pode interpretar o código.
style: Pode incluir códigos de CSS para ajudar na renderização do HTML.
link: Pode incluir referências para arquivos externos, como folhas de estilos de CSS em arquivos ".css" que estão em algum endereço que o navegador conseguirá acessar.
script: Poderá incluir código JavaScript, como métodos e funções, ou referenciar conteúdos externos, arquivos ".js" para serem incluídos, ou para incluir outros scripts estilo framework, como jQuery.
Na tag meta, podemos incluir descrição da página ao navegador realizar determinadas configurações, ou apenas descrições informativas, que irão ajudar a outras pessoas entenderem o motivo do site, descrição, palavras chave, e que também são usados por indexadores de conteúdo, como sites de busca, como o famoso Google e Yahoo (que atualmente utiliza o mecanismo da Bing, buscador da Microsoft).
Dentro da tag meta, temos os seguintes atributos:
http-equiv: Define-se o escopo de configuração, em geral aqui se utiliza para configurar a codificação do arquivo e o MIME-Type, informando ao navegador o formato do arquivo para renderização, como um documento HTML.
name: Define-se um escopo que em geral não é usado pelo próprio navegador, apenas por caráter informativo, sendo opcional. Em geral, não devem afetar a formatação da página.
content: O conteúdo para o valor de configuração.
charset: Também pode definir o tipo de codificação do documento utilizando este atributo, como UTF-8.
<meta name="description" content="Site de tutoriais de front-end, HTML, CSS e JavaScript" />É elementar configurar as palavras chave e descrição, e é tão importante quanto configurar o título do documento, por mais que muitos ignorem estas informações.
<meta name="keywords" content="Tutorial, HTML, CSS, JavaScript" />
Comentários
Postar um comentário