>> Tecnologia Eletrônica >  >> Casa Inteligente >> Vida Inteligente

Quais São as Duas Partes Principais de um Documento HTML?

As duas partes principais de um documento HTML são o head (cabeçalho) e o body (corpo). Cada seção contém informações específicas. O head contém informações úteis para navegador e mecanismos de busca, mas não visíveis ao leitor. O body contém o que o visitante vê. O documento é formatado especificamente para que navegadores parseiem e apresentem corretamente.

Estrutura de Documento HTML

Documento HTML deve ser formatado corretamente para ser lido por navegador. Esquema geral:

<!DOCTYPE>
<html>
<head> Informações para navegador e buscadores </head>
<body> Conteúdo visível ao leitor </body>
</html>

Ambas tags <head> e <body> estão contidas na tag principal <html>. Ambas devem ser terminadas com "</>" para leitura correta.

Conteúdo do Head

Contém título do site, palavras-chave para buscadores, scripts e localização de folha de estilo em cascata (CSS). Tags típicas: <title>, <link>, <style>, <meta>, <script>.

  • <title> define título do documento.
  • <link> vincula recurso externo (ex: CSS).
  • <style> define estilos do documento.
  • <meta> define autor, palavras-chave, descrição.
  • <script> define script a rodar no computador do visitante.

Se head não estiver no documento, conteúdo ainda é exibido pelo navegador.

Conteúdo do Body

Usado para formatar a página web real. Maioria das tags HTML: parágrafo (<p>), âncora (<a>), cabeçalhos (<h1> a <h6>), seção (<section>). Scripts server-side também colocados aqui. Sem body, nada é exibido no navegador.

DOCTYPE

Única coisa não incluída entre tags <html> é declaração DOCTYPE. Se usada, deve ser primeira linha. Diz ao navegador qual versão HTML o documento usa. Navegador usa para renderizar corretamente. Pode ser omitida, mas navegador pode não apresentar página corretamente.