O HTML <head> Elemento
O <head> elemento é um recipiente para metadados (dados sobre dados).
metadados HTML são dados sobre o documento HTML. Metadados não é exibido.
Metadados normalmente definem título do documento, estilos, links, scripts e outras informações meta.
As seguintes tags descrevem metadados: <title>, <style>, <meta>, <link>, <script>, and <base> .
Omitindo <html> e <body> ?
No padrão HTML5, o <html> tag, o <body> tag, e o <head> tag pode ser omitida.
O código a seguir irá validar como HTML5:
Exemplo
<!DOCTYPE html>
<title>Page Title</title>
<h1>This is a heading</h1>
<p>This is a paragraph.</p> Tente você mesmo " w3ii não recomenda omitindo as <html> e <body> tags.
O <html> elemento é a raiz do documento. É o local recomendado para especificar o idioma da página:
<!DOCTYPE html>
<html lang="en-US">Declarando uma língua é importante para aplicativos de acessibilidade (leitores de tela) e motores de busca.
Omitindo <html> e <body> pode travar mal-escrito DOM/XML software.
Finalmente, omitindo <body> pode produzir erros nos navegadores mais antigos (IE9) .
Omitindo <head>
No padrão HTML5, o <head> tag também pode ser omitido.
Por padrão, os navegadores irá adicionar todos os elementos antes de <body> , a um padrão <head> elemento.
Você pode reduzir a complexidade do HTML, omitindo a <head> tag:
Exemplo
<!DOCTYPE html>
<html>
<title>Page Title</title>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html> Tente você mesmo " Omitir Tag é desconhecido para os desenvolvedores web. Ele precisa de tempo para ser estabelecida como uma diretriz.
O HTML <title> Elemento
O <title> elemento define o título do documento.
O <title> elemento é necessário em todos os documentos HTML / XHTML.
O <title> elemento:
- define um título na aba do navegador
- fornece um título para a página quando ele é adicionado aos favoritos
- exibe um título para a página de resultados de pesquisas
Um documento HTML simplificado:
Exemplo
<!DOCTYPE html>
<html>
<title>Page Title</title>
<body>
The content of the document......
</body>
</html> Tente você mesmo " O HTML <style> Elemento
O <style> elemento é usado para definir as informações de estilo para um documento HTML.
Dentro do <style> elemento que você especificar como elementos HTML deve processar em um navegador:
O HTML <link> Elemento
A <link> elemento define o relacionamento página para um recurso externo.
A <link> elemento é mais frequentemente usado para conectar-se a folhas de estilo:
O HTML <meta> Elemento
O <meta> elemento é usado para especificar descrição da página, palavras-chave, autor, e outros metadados.
Os metadados são utilizados pelos navegadores (how to display content) , por motores de busca (keywords) , e outros serviços da web.
Definir palavras-chave para os motores de busca:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">Definir uma descrição de sua página web:
<meta name="description" content="Free Web tutorials on HTML and CSS">Definir o conjunto de caracteres usado:
<meta charset="UTF-8">Definir o autor de uma página:
<meta name="author" content="Hege Refsnes">Atualizar documento a cada 30 segundos:
<meta http-equiv="refresh" content="30">Exemplo de <meta> tags:
Exemplo
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Hege Refsnes">
<meta charset="UTF-8"> Tente você mesmo " O HTML <script> elemento
O <script> elemento é usado para definir JavaScripts do lado do cliente.
O script abaixo escreve Olá JavaScript! em um elemento HTML com id="demo" :
Exemplo
<script>
function myFunction {
document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script> Tente você mesmo " Para saber tudo sobre JavaScript, visite nosso Tutorial JavaScript !
O HTML <base> Elemento
O <base> elemento especifica a URL base e destino de base para todas as URLs relativas em uma página:
Elementos cabeça HTML
| etiqueta | Descrição |
|---|---|
| <head> | Define informações sobre o documento |
| <title> | Define o título de um documento |
| <base> | Define um endereço padrão ou um destino padrão para todos os links em uma página |
| <link> | Define a relação entre um documento e um recurso externo |
| <meta> | Define metadados sobre um documento HTML |
| <script> | Define um script do lado do cliente |
| <style> | Define informações de estilo para um documento |