A área do cabeçalho de um HTML document é essencial para a estrutura e o funcionamento da página da web. Neste tutorial, você aprenderá o que exatamente se esconde na área do cabeçalho e como utilizá-la de forma eficaz. Abordaremos metainformações, título, codificação de caracteres, bem como a vinculação de folhas de estilo e scripts.
Principais conclusões
- A área do cabeçalho () não contém conteúdos visíveis, mas sim metainformações.
- A tag Title define o título que é exibido na barra do navegador.
- Metatags, como a tag Charset, são importantes para a codificação de caracteres.
- Folhas de estilo e scripts podem ser vinculados na área do cabeçalho.
Guia passo a passo
1. A área do cabeçalho em si
A área do cabeçalho (head) de um documento HTML é iniciada pelas tags e fechada por. Esta área não deve ser confundida com a barra de menu ou o logotipo que pertencem a um cabeçalho. A área do cabeçalho serve exclusivamente para fornecer metainformações sobre o documento.
2. A tag Title
Dentro da área do cabeçalho, você define o título da página da web com a tag <title>. Este título aparece na barra do navegador e é essencial para usuários e motores de busca. Por exemplo, você pode usar "Meu Título de Teste".</p>
3. Metatags
Uma parte central da área do cabeçalho são as chamadas metatags. A tag Charset é especialmente importante. Para uma codificação de caracteres internacional, especifique UTF-8 para garantir que todos os caracteres sejam exibidos corretamente.
4. A tag Meta Charset
A tag Meta Charset é escrita assim: . Este é um padrão comum que suporta conjuntos de caracteres internacionais. Ao contrário de outras tags, a tag meta não é acompanhada por uma tag de fechamento, pois não tem conteúdo entre os dois.
5. Atributos em tags HTML
No HTML, atributos também podem ser utilizados. Eles são especificados na própria tag e são separados por um espaço. A tag Charset tem o atributo charset, ao qual é atribuído o valor "UTF-8".
6. Meta Description
Outra metatag importante é a Meta Description, que é definida por . Essa descrição é frequentemente exibida em motores de busca quando sua página é encontrada e, portanto, é significativa para o SEO.
7. Outras metatags
Além das metatags anteriores, há várias outras, como a tag Robots, que fornece instruções para motores de busca, e a tag Viewport, que é usada para designs responsivos. No entanto, esses são aspectos adicionais e vão além das fundamentações.
8. Vincular folhas de estilo
Na área do cabeçalho, você também pode vincular folhas de estilo. Isso é feito com a tag . Aqui, um arquivo CSS externo é carregado no documento HTML, resultando em um design consistente.
9. Vincular scripts
Para usar JavaScript em sua página da web, você pode incorporar scripts na área do cabeçalho. Isso é feito com a tag . Com isso, você pode adicionar funções e lógica à sua página que melhoram a experiência do usuário.
10. A área do cabeçalho e sua função
Em resumo, a área do cabeçalho é um lugar para metainformações e vinculações, não para o conteúdo visível. O conteúdo real de uma página da web é inserido na tag. Isso é importante para a estrutura e o desempenho da sua página da web.
Resumo – Área do cabeçalho e metainformações em HTML, CSS e JavaScript
A área do cabeçalho é de importância central para definir informações e configurações básicas para sua página da web. Neste guia, você aprendeu como integrar títulos, codificações de caracteres, bem como folhas de estilo e scripts de forma eficaz.
Perguntas frequentes
Como a área do cabeçalho é definida em HTML?A área do cabeçalho é iniciada com e fechada com.
Qual é o propósito da tag Title?A tag Title define o título da página da web que é exibido na barra do navegador.
O que é uma metatag e para que serve?Uma metatag contém metainformações sobre o documento, como codificações de caracteres ou descrições.
Como eu insiro uma folha de estilo?Uma folha de estilo é vinculada com.
Qual é a diferença entre a área do cabeçalho e a área do corpo?A área do cabeçalho contém metainformações, enquanto a área do corpo contém o conteúdo visível da página da web.
