Home » Tecnologia
XHTML: Tags HTML, Head e Body
Definição da estrutura básica de um documento HTML e XHTML. Padrões web. Tags HTML, Head e Body
Gostou? Recomende:
HTML - Hipertext Markup Language - Linguagem de Marcação de Hipertexto, foi inventada em 1990 pelo cientista Tim Berners-Lee. É uma linguagem de marcação de texto para ser interpretada pelos navegadores. Sua principal finalidade é fazer a estruturação das páginas através de um conjunto de tags (etiquetas) que servem para definir a forma na qual se apresentará o texto e outros elementos da página.
XHTML - eXtensible Hypertext Markup Language, é uma reformulação do HTML combinada com o XML. Basicamente o XHTML é composto pelas tags do HTML e as regras do XML.
O XHTML pode ser interpretado por diversos dispositivos, como: celular, palm, tv, entre outros. Com isto ganha-se em acessibilidade.
Sintaxe:
<p align="center">
- <p> - nome da tag
- align - nome do atributo. Uma tag poderá ter um ou mais atributos. Há tags que náo tem atributos
- center - nome do valor do atributo. O valor do atributo deverá estar sempre entre aspas.
Estrutura básica de um documento
A estrutura acima indica que que cada documento XHTML precisa obrigatoriamente ter:
- doctype - tipo do documento (veja o post: )
- <html> - tag principal, ela marca o início e o final do documento.
- <head> - tag usada para delimitar o cabeçalho do documento. Dentro dela outras tags de cabeçalho serão usadas, como o title, meta, link, entre outros.
- <title> - tag usada para indicar o título do documento.
- <body> - tag usada para definir o corpo do documento. Dentro dela serão colocadas as tags que irão compor a nossa página
Tag HTML
A tag html faz parte da estrutura básica do documento, esta tag deve ser colocada no início do código do documento e é usada para indicar ao navegador que se trata de um documento HTML, já que os navegadores poderão ler outros tipos de documentos.
Assim como as demais tags, o <html> possui uma tag de fechamento </html> que deverá ser a última tag do seu documento, indicando assim que encerra alí o HTML. Veja abaixo um exemplo do uso desta tag.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Tag html</title>
</head>
<body>
<!-- Aqui será colocado as demais tag do documento -->
</body>
</html>
Atributos
A tag html suporta o atributo xmlns, que é usado para definir o namespace XML do documento. Este namespace é na verdade um endereço válido de onde contém o documento XML do W3C. Veja um exemplo:
<html xmlns="http://www.w3.org/1999/xhtml">
A tag html é suportada pelas versões Strict, Transitional e Frameset
Tag head
A tag head faz parte da estrutura básica do documento, sua finalidade é definir o cabeçalho do documento com informações que não serão exibidas dentro do conteúdo da página.
A tag <head> possui fechamento </head> e poderá suportar as tags <base>, <link>, <meta>, <script>, <style> e <title> dentro da sua estrutura., como no exemplo seguinte:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>...conteúdo de title...</title>
<base ...conteúdo de base... />
<link ...conteúdo de link... />
<script>...conteúdo de script...</script>
<style>...conteúdo de style...</style>
<meta ...conteúdo de meta... />
</head>
<body>
<!-- Aqui será colocado as demais tag do documento -->
</body>
</html>
A tag head recebe o suporte das versões Strict, Transitional e Frameset
Tag body
A tag body faz parte da estrutura básica do documento, sua finalidade é definir o corpo do documento, ou seja, tudo que estiver dentro da tag body será mostrado de alguma forma no conteúdo da página.
A tag <body> possui fechamento </body> e na sua estrutura deverá ficar todas as demais tags, exceto as tags de cabeçalho visto no post da tag <head>.
Atributos
A tag body possui os atributos: alink, link, text, vlink, bgcolor e background, porém, estes atributos estão depreciados e devem ser substituidos pelas propriedades do CSS.
A tabela abaixo mostra como fazer a conversão destes atributos para as propriedades do CSS
- alink – a:hover – Especifica a cor dos links ativos, ou seja, quando passar o mouse sobre eles.
- link – a – Especifica o comportamento padrão dos links
- vlink – a:visited – Especifica o comportamento dos links visitados
- text – color – Especifica a cor padrão para textos
- bgcolor – background-color – Especifica a cor de fundo da página
- background – background-image – Especifica uma imagem de fundo da página
Eventos suportados pela tag body: onload, onunload, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown e onkeyup.
A tag body é aceita e suportada nas versões: Transitional, Frameset e Strict.
Participe do Simulado de HTML
Veja também:
Compartilhe com seus amigos:
// Comentários
Beatriz Valverde // São Paulo // 19/05/2009 14:03:00
Luís,
Estou com uma super dúvida, veja se pode me ajudar...Me inscrevi no Google Analytics para acompanhar meu Blogger. E nas configurações eles pedem para copiar e colar o código fonte de acompanhamento na tag (body) da página que quero acompanhar. Já tenho o código fonte. Mas não sei onde é a tag ou o body?!?!?!? Não consegui fazer...Vc pode me ajudar, por favor????
Atenciosamente,
Beatriz
Bruno Borges Generozo // Curitiba // 22/05/2009 08:10:00
É Me serviu pra tirar uma notinha
Iracelma Ferreira // Angola // 14/09/2009 17:48:00
Foi bastante útil para mim visto que antes de o consiguir estava bastante aflita.
genison torres // Manaus // 05/01/2010 00:36:00
como eu faço para ver o resultado on line
Moacir Pereira Ponti // São Paulo // 15/01/2010 14:21:00
Pois é, a maioria das pessoas que entram neste universo de códigos de programação web passa por cima ou até desconsidera a importância destas configurações de cabeçalho. Sem elas os navegadores nem sempre conseguem retornar com fidelidade o conteúdo das páginas. Parabéns pelo Artigo, gostei, fácil de entender, direto e objetivo.