1. Elemento HTML <head>
O elemento <head> é um contêiner para todos os elementos head. Os elementos dentro de <head> podem conter scripts que instruem o navegador onde encontrar a folha de estilo, fornecem meta informações e assim por diante.
As seguintes tags podem ser adicionadas à seção head: <title>, <base>, <link>, <meta>, <script> e <style>.
2. Elemento HTML <título>
A tag <title> define o título do documento.
O elemento title é obrigatório em todos os documentos HTML/XHTML.
O elemento do título pode:
(1) Defina o título na barra de ferramentas do navegador
(2) Forneça o título exibido quando a página for adicionada aos favoritos
(3) Título da página exibido nos resultados do mecanismo de pesquisa
<head><metacharset=utf-8><title>Programação Dotcpp</title></head>
3. Elemento HTML <base>
A tag <base> especifica o endereço ou destino padrão para todos os links da página.
<!DOCTYPEhtml><html><head><metacharset=utf-8><title><base>Demonstração de tag</title><basehref=https://www.dotcpp.com/></head><body ><ul><li><ahref=course/>Página inicial</a></li><li><ahref=course/html/>Tutorial HTML</a></li></ul></body </html>
4. Elemento HTML <link>
A tag <link> define o relacionamento entre o documento e os recursos externos.
A tag <link> é mais comumente usada para vincular folhas de estilo.
<head><styletype=text/css>body{background-color:yellow}p{color:blue}</style></head>
5. Elemento HTML <estilo>
A tag <style> é usada para definir informações de estilo para documentos HTML.
Dentro do elemento style, você pode especificar como os elementos HTML são renderizados no navegador.
6. Elemento HTML <meta>
Metadados são informações sobre dados.
A tag <meta> fornece metadados sobre um documento HTML. Os metadados não são exibidos na página, mas podem ser lidos por máquina.
Normalmente, o elemento meta é usado para especificar a descrição da página, palavras-chave, autor do documento, hora da última modificação e outros metadados.
A tag <meta> está sempre localizada dentro do elemento head.
Os metadados podem ser usados por navegadores (como exibir conteúdo ou recarregar páginas), mecanismos de pesquisa (palavras-chave) ou outros serviços da web.
Palavras-chave para motores de busca
Alguns mecanismos de pesquisa usam os atributos de nome e conteúdo do metaelemento para indexar sua página.
O seguinte metaelemento define a descrição da página:
<metaname=descriptioncontent=FreeWebtutorialsonHTML,CSS,XML/>
O seguinte metaelemento define as palavras-chave da página:
<metaname=palavras-chavecontent=HTML,CSS,XML/>
Os atributos name e content são usados para descrever o conteúdo da página.
7. Elemento <script> TML
A tag <script> é usada para definir scripts do lado do cliente, como JavaScript.
Isto não será explicado em detalhes.
Elemento de cabeçalho HTML