Html Head

Postado: 8 de janeiro de 2022

Html Head para que serve ?

A tag head faz parte da estrutura básica do documento, sua finalidade é definir o cabeçalho do documento com informações que não serão exibidas dentro do conteúdo da página.

head Ele contém informações como: Title , Links para css, Links para favicons personalizados e outros metadados (dados sobre o HTML, como quem o escreveu, e palavras-chave importantes que descrevem o documento.)

O que Definimos dentro do <head> ?

Os Metadados são dados sobre o documento HTML. Os metadados não são exibidos.

Os metadados normalmente definem o título do documento, conjunto de caracteres, estilos, scripts e outras meta informações.

Os seguintes elementos podem ir dentro do elemento <heade>:

  • <title> (O TITLE é obrigatório em todos os documentos HTML)
  • <style>
  • <base>
  • <link>
  • <meta>
  • <script>
  • <noscript>

Exemplos:

Define o conjunto de caracteres usado:

<meta charset="UTF-8">

Define palavras-chave para mecanismos de pesquisa:

<meta name="keywords" content="HTML, CSS, jquery, Html5">

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

<meta name="description" content="Blog Loop Nerd Códigos Html Prontos para você utilizar no seu negócio.">

Define o autor de uma página:

<meta name="author" content="Loop Nerd">

Configurando a janela de visualização para que seu site tenha uma boa aparência em todos os dispositivos:

A janela de visualização é a área visível do usuário em uma página da web. Isso varia de acordo com o dispositivo – será menor em um telefone celular do que na tela de um computador.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Veja o exemplo na pratica:

<!DOCTYPE html>
<html lang="pt-br">
 
 <head>
    <meta name="Loop Nerd" content="Códigos Pronto" />
    <meta name="description" content="Blog Loop Nerd Códigos Html Prontos para você utilizar no seu negócio."/>
    <meta name="keywords" content="Códigos Html Prontos, Html, Html, Css, Jquery"/>
    <meta name="author" content="https://www.loopnerd.com.br" />
    <meta name="URL" content="https://www.loopnerd.com.br"/>
    <meta http-equiv="content-language" content="pt-br" />
    <meta name="robots" content="index, follow"/>
    <link rel="stylesheet" type="text/css" href="https://www.site.com.br/css/style.css">
    <link rel="shortcut icon" href="https://www.site.com.br/icones/favicon.png"/>
 </head>

<body>

  Conteúdo  Corpo da página.
  
</body>
</html>

Veja mais Artigos de Tags Html

Publicado por: loopnerd

712 Visualizações

Deixe um comentário

O seu endereço de e-mail não será publicado.

Artigos Relacionados