Tag HTML <head>
Vamos falar sobre exemplos de cabeçalhos de tags HTML neste post. Deve ser uma experiência de aprendizado que vale a pena.
A <head>tag é um elemento importante em HTML que é usado para fornecer informações sobre o documento que não são visíveis na própria página da web. Ele está localizado entre a <html>tag de abertura e a <body>tag de abertura de um documento HTML.
Um documento HTML básico com uma tag <title> como parte da seção head:
Example
A seguir estão outros exemplos de Tag Head .
A tag <base> (define a URL e o destino de qualquer link em uma página) aparece dentro de <head> :
Example:
A tag <style> (para incluir detalhes de estilo em uma página) é colocada dentro de <head> :
Example:
A tag <link> (para vincular a uma folha de estilo externa) aparece dentro de <head> :
Example:
A tag <meta> de um documento HTML especifica seus metadados. Em outras palavras, metadados são dados (informações) sobre dados. Aqui está um exemplo de meta dentro da tag <head> :
Example:
Funcionamento da tag HTML <head>
Aqui estão algumas das coisas que podem ser incluídas na tag <head> :
- O título da página da Web geralmente é incluído na tag <title> . Esse texto aparece na barra de título do navegador e também é usado pelos mecanismos de pesquisa para descrever a página nos resultados da pesquisa.
- As meta tags podem ser incluídas na seção <head> para fornecer informações sobre a página da Web para mecanismos de pesquisa e outros softwares. Meta tags comuns incluem descrição, palavras-chave, autor e viewport.
- A seção <head> pode incluir referências a arquivos CSS e JavaScript externos. Isso normalmente é feito usando as tags <link> e <script>, respectivamente.
- Um favicon é um pequeno ícone que aparece na barra de endereço do navegador e nas guias do navegador. Ele pode ser incluído na seção <head> usando a tag <link> e o atributo rel=”icon”.
- Outros elementos que podem ser incluídos na seção <head> incluem a tag <base> , que especifica a URL base para todas as URLs relativas na página, e a tag <style> , que é usada para incorporar estilos CSS diretamente no HTML documento.
Uso de Cabeçalho de Etiqueta
O elemento <head> inclui metadados (dados sobre dados) e fica entre a tag <html> e a tag <body> .
Os metadados do documento são informações sobre ele. Não há exibição de metadados.
Títulos, conjuntos de caracteres, estilos, scripts e outras metainformações são geralmente especificados por metadados.
Os elementos que podem ser colocados dentro do elemento <head> incluem:
Compatibilidade do navegador
| Elemento |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| <cabeça> | Sim | Sim | Sim | Sim | Sim |
Atributos
Global
O Tag head <head> é compatível com os Atributos Globais em HTML.
CSS predefinido
Quando se trata de Tag head , muitos navegadores fornecem o elemento <head> com os valores padrão da seguinte forma:
head {
display: none;
}
Benefícios da tag HTML <head>
A tag HTML <head> fornece vários benefícios para desenvolvedores da Web e visitantes do site. Aqui estão alguns dos principais benefícios:
- A tag <head> permite incluir meta tags que fornecem informações sobre a página da web para os mecanismos de pesquisa. Isso pode ajudar a melhorar as classificações do mecanismo de pesquisa do seu site e aumentar o tráfego para o seu site.
- Ao incluir uma tag <title> na seção <head> , você pode fornecer aos usuários um título claro e descritivo para a página da web. Isso pode ajudar a melhorar a experiência do usuário e facilitar a localização das informações que procuram.
- A tag <head> permite que você inclua informações específicas para determinados navegadores, como um favicon ou meta tag viewport. Isso pode ajudar a garantir que seu site seja exibido corretamente em diferentes dispositivos e navegadores.
- A tag <head> pode ser usada para incluir metadados relacionados à acessibilidade, como configurações de idioma e acessibilidade. Isso pode ajudar a garantir que seu site seja acessível a todos os usuários, incluindo aqueles com deficiência.
- Ao incluir arquivos CSS e JavaScript externos na seção <head>, você pode ajudar a melhorar a velocidade de carregamento da página do seu site. Isso ocorre porque o navegador pode começar a baixar esses arquivos enquanto analisa o restante do documento HTML.
