A parte principal do documento HTML geralmente inclui o título da página designada, que fornece informações sobre a própria página, carrega a tabela de estilo e carrega o arquivo JavaScript (para considerações de desempenho, na maioria das vezes é colocada na parte inferior da página < /corpo> Carregar antes do final do rótulo termina JavaScript). Exceto pelo título, o conteúdo na cabeça não é visível para os visitantes da página.
A seguir, é apresentado um exemplo da parte da cabeça do documento HTML:
<head> <meta charset = utf-8/> <meta nome = conteúdo do autor = adam freeman/> <title> seu título da página </title> <base href = http: // titings/target = _ blank/> < Tipo de estilo = Texto/CSS> A {Background-Color: Gray; Elemento do títuloO elemento da cabeça deve conter um elemento de título, que aparecerá na guia do navegador ou na parte superior da janela do navegador, como o título da página da web e relacionada ao navegador.
elemento baseO elemento base é usado para definir um URL de referência para analisar os links relativos no documento HTML nessa base. Se não for especificado, use o URL do documento de carregamento atual. O elemento base também pode definir a maneira de abrir o link quando o usuário clicar e como o navegador reage ao enviar o formulário.
<base href = http: // bjpowerNode/listings/Target = _blank/>
1) HREF é o URL de referência especificado.
2) Onde abrir todos os links na página, incluindo onde o atributo de destino é aberto, incluindo o valor:
1) _blank: abra o documento conectado na nova janela;
2) _self: por padrão, abra o documento de link na mesma estrutura;
3) _Parent: Abra o documento vinculado no quadro pai;
4) _top: Abra o documento de link em toda a janela;
5) FRAMENAME: Abra o documento de link na estrutura especificada.
Meta elementoOs elementos de meta são usados para definir vários metadados da documentação. Elemento da cabeça.
Especifique o par de metadados do nome/valor<meta nome = conteúdo do autor = Adam Freeman/>
O atributo de nome é usado para representar o tipo de metadados, que fornece o valor do atributo de conteúdo. O atributo de nome contém os seguintes valores:
1) Nome do aplicativo: o nome do sistema de aplicativos da Web que pertence à página atual;
2) Autor: o nome do autor da página atual;
3) Descrição: Instruções da página atual;
4) gerador: o nome do software usado para gerar HTML;
5) Palavras -chave: descreva o conteúdo da página.
Além dos cinco nomes de metadados pré -definidos, você também pode usar a expansão dos metadados. Algumas extensões são mais usadas, como os metadados de robôs.
<meta nome = conteúdo robôs = noindex/>
Este atributo tem valores que a maioria dos mecanismos de pesquisa é reconhecida:
1) Nondex: não indexe esta página;
2) Noarchive: não arquiva nem cache esta página;
3) Nofollow: Não continue pesquisando ao longo do link nesta página.
A maioria dos mecanismos de pesquisa fornece diretrizes para otimizar páginas da Web ou sites inteiros, e você pode visualizar as páginas da Web ou as diretrizes de otimização do site fornecidas pelo mecanismo de pesquisa correspondente.
Código de caracteres da declaração<meta charset = utf-8 />
A codificação do caractere do documento de declaração de meta elemento no elemento principal é UTF-8 (padrão).
Simulação HTTP CabeçalhoOs elementos meta podem ser usados para simular ou substituir o valor de três campos de cabeçalho HTTP.
<meta http-equiv = refresh Content = 5/>
O uso do atributo HTTP-Equiv é o nome do nome do campo do cabeçalho que especifica o cabeçalho simulado e o valor do campo é especificado na propriedade de conteúdo. O valor opcional da propriedade HTTP-Equiv é o seguinte:
1) Atualizar: especifique um intervalo de tempo em segundos em segundos. Você também pode especificar um URL separadamente para o navegador carregar, como:
<meta http-equiv = refressh content = 5;
2) estilo padrão: especifique a tabela de estilo que é preferida pela página.
3) Tipo de conteúdo: outro método a declarar a codificação de caracteres usada na página HTML, como ::
<meta http-equiv = content-type content = text/html charset = utf-8/>Elemento de estilo
Defina o estilo CSS incorporado no documento HTML.
<Tipo de estilo = Texto/CSS> A {Background-Color: Gray;Um novo estilo foi projetado para o elemento A. Os elementos de estilo podem aparecer em várias partes dos documentos HTML.
Mídia que pode especificar estilo para elementos de estilo:
<Style media = tela e (minúscula min: 500px) type = text/css> ...... </style>
A tela no atributo de mídia é um tipo de dispositivo, e a gama de valor opcional inclui:
1) tudo: use o estilo para todos os dispositivos (valores padrão);
2) aural: use o estilo para sintetizador de voz;
3) Braille: use o estilo para perguntar ao dispositivo;
4) computador de mão: use o estilo para dispositivo portátil;
5) Projeto: Use estilos para projetores;
6) Imprimir: ao usar o estilo para imprimir a página de visualização e impressão;
7) Tela: use o estilo para a tela de exibição do computador;
8) TTY: Use o estilo para equipamentos de igual largura, como máquinas de passagem elétrica;
9) TV: Use estilo para TV.
(Min-lar: 500px) Recursos especificados na atribuição de mídia, incluindo:
1) Altura da largura: especifique a largura e a altura da janela do navegador, unidade PX, por exemplo: Largura: 200px
2) Altura do dispositivo de largura do dispositivo: especifique a largura e a altura de todo o dispositivo (não apenas a janela do navegador), unidade PX, por exemplo: Min-Device-Hight: 200px
3) Resolução: a densidade de pixels do dispositivo, a unidade DPI (ponto/polegada) ou DPCM (ponto/cm), por exemplo: MAX-RESOLUST: 600DPI
4) Orientação: a direção longa do dispositivo especificado, o valor opcional é retrato e paisagem
5) Aspecto-Ratio de dispositivo-Ratio: Especifique a taxa de largura do pixel da janela do navegador ou de todo o dispositivo, por exemplo: Min-Asspect-Ratio: 16/9
6) Cor monocromático: especifique os dígitos binários ocupados por cada pixel em cada pixel na cor ou em preto e branco, por exemplo: min-monocromo: 2
7) Index de cores: o número de cores que podem ser exibidas pelo dispositivo designado, por exemplo: Max-Color-Adex: 256
8) Digitalizar: especifique o modo de varredura da TV, incluindo valor progressivo e interlação
9) Grade: o tipo de dispositivo especificado, o valor de suporte é 0 e 1 (1 representa um dispositivo do tipo grade, usando um conteúdo de exibição de grade fixa)
Elemento de linkÉ usado para estabelecer uma conexão entre documentos HTML e recursos externos (como tabelas de estilo CSS). O elemento de link contém 6 atributos locais, como segue:
1) HREF: Especifique o URL do recurso apontado para o elemento Link;
2) Hreflang: Explique o idioma usado nos recursos associados;
3) Mídia: Explique qual dispositivo é usado no conteúdo relacionado e os atributos da mídia no estilo;
4) Rel: O alcance da relação entre o documento e os recursos associados é o seguinte:
--- Alternativo: a versão alternativa do link para o documento, como a tradução de outro idioma;
--- Autor: Autor do link para o documento;
--- Ajuda: o documento de descrição conectado ao documento atual;
--- Icon: especifique os recursos do ícone;
--- Licença: link para a licença relevante para o documento atual;
--- Pingback: especifique um servidor Pingback, que pode ser notificado automaticamente ao vincular de outros sites a blogs;
--- Preparação: obtenha um recurso com antecedência;
--- Sheet Styles: carregue a tabela de estilo externo.
5) Tamanhos: Especifique o tamanho do ícone;
6) Tipo: especifique o tipo MIME dos recursos associados, como texto/css, imagem/x-icon.
Carregue a tabela de estilo externo<link rel = Stylesheet Type = text/css href = styles.css/>
Você pode usar vários elementos de link para carregar vários recursos externos.
Defina o logotipo do site para a página<link rel = ícone de atalho href = favicon.ico type = imagem /x-icon />
Quando o navegador é carregado com a página HTML, ele carrega e exibe o logotipo do site.
Nota: Se o arquivo de logotipo do site estiver localizado em /favicon.ico (o diretório raiz do servidor da Web), não há necessidade de usar o elemento de link. nenhum elemento de link.
Recurso pré -obtenha
O navegador pode ser obrigado a obter os recursos que devem ser usados em breve.
<link rel = prefetch href =/page2.html/>
Nota: Nem todos os navegadores atualmente suportam esta função.
Elemento de scriptUsado para adicionar scripts na página, você pode definir o script e fazer referência diretamente ao script no documento. Os atributos locais suportados por este elemento são os seguintes:
1) Tipo: o tipo do script referenciado ou definido, para o atributo do script JavaScript, pode omitir
2) SRC: especifique o URL do arquivo de script externo
3) adiar async (nova adição HTML5): Defina o método de execução do script, esses dois atributos só podem ser usados com os atributos SRC
4) CHARSET: Explique a codificação de caracteres usada no arquivo de script externo, que só pode ser usado com o atributo src
Defina o documento no script incorporado<cript> document.write (este é do script);
Por padrão, o navegador será executado assim que o script encontrar a página.
Carregue a biblioteca de script externaVocê pode colocar o script em um arquivo separado e, em seguida, carregar o documento HTML com elementos de script.
<script src = simples.js> </script>Esgotar a execução do script
Use atributos Async e de adiamento para controlar o método de execução do script.
<Script adiar src = simples2.js> </sCript>
Como o HTML será executado quando encontrar um script, se o seu script precisar usar o conteúdo no script HTML, geralmente é necessário colocar o script no script html correspondente, mas em html5, o mesmo objetivo pode ser alcançado com o adiamento propriedade.
Quando o navegador encontra elementos de script, o comportamento padrão é suspender a página de processamento enquanto carrega e executa o script, e cada elemento de script é executado por sua vez. Os atributos assíncronos podem ser de carregamento e execução assíncronos durante o navegador que analisa o documento HTML.
<script assíncrono src = simples2.js> </script>Elemento Noscript
O elemento Noscript é usado para exibir algum conteúdo para usuários que desativam o JavaScript ou os navegadores não suportam JavaScript.
<Noscript> <h1> JavaScript é necessário!
Outra opção é levá -lo a outra URL quando o navegador não suporta JavaScript.
<Noscript> <meta http-equiv = refresh Content = 0;