Apesar da maioria destes comandos nunca serem exibidos pelo navegador no layout da página, todos os desenvolvedores devem utilizá-los no criação de documentos HTML, pois será muito útil ao browser, aos motores de busca, e a outros serviços da web.
Os metadados sempre serão adicionados entre as tags <head> e </head>.
<head> - Define a seção de cabeçalho.
<title> - Especifica o título, que sera exibido na barra de título do browser.
<meta> - Pode receber diversos atributos que ajudam a descrever o conteúdo do site. Pertence a suas funções adicionar palavras-chave, o autor do documento HTML, a utilização de carecteres especiais, etc.
<style> - Ajuda a estilizar o texto da página.
Exemplo:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF=8">
<meta name="description" content="Exemplo de metadados">
<meta name="keywords" content="HTML, metadados, cabeçalho">
<meta name="author" content="Edilson Lima">
<title>Metadados</title>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>Cabeçalho.</h1>
<p>Parágrafo.</p>
</body>
</html>
No navegador:
Nenhum comentário:
Postar um comentário