Html Head
Header Html
Html figcaption
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.
O 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
Deixe um comentário