Histrico das Linguagens HTML e XHTML 1.

0 - Linguagem HTML:
1989: Pesquisadores do laboratrio CERN propuseram a primeira verso de uma linguagem que permitisse a criao de hipertextos. 1991: Publicada a primeira especificao da linguagem, contendo 22 tags, a maioria das quais permanecem vlidas at hoje. 1993: As especificaes de uma verso atualizada do HTML, chamada HTML+ proposta. 1995: A verso HTML 2.0, formada da combinao do HTML e HTML+, oficialmente lanada numa tentativa de definir a linguagem como padro para pginas de internet. Note que nunca existiu uma verso 1.0. A verso 2.0 foi declarada obsoleta em 2000. 1995: Propostas para a verso 3.0 foram apresentadas, no entanto devido a complexidade da implementao pelos navegadores da poca, apenas algumas poucas inovaes desta verso foram incorporadas. 1997: No incio daquele ano a verso HTML 3.2 oficialmente publicada pelo W3C em substituio verso 3.0. Note que a verso 3.1 nunca existiu oficialmente. Os principais navegadores na poca (Netscape e Mosaic) j possuam suporte ao HTML 3.2. 1997: No fim daquele ano a verso 4.0 oficialmente publicada e recomendada pela organizao W3C. nesta verso que os tipos de HTML estrito, transicional e frameset so definidos. 1999: As especificaes para a verso 4.01 publicada. Esta a ltima verso oficial e est em vigor at o presente. 2008: Propostas para uma verso HTML 5.0 comeam a ser discutidas pelo consrcio W3C.

2.0 - Linguagem XHTML:

2000: As especificaes da verso XHTML 1.0 so publicadas. Esta uma evoluo da linguagem HTML 4.01, incorporando as caractersticas de documentos XML e fazendo a linguagem mais robusta e estrita. 2001: As especificaes da verso XHTML 1.1 so publicadas com poucas mudanas em relao verso 1.0.

O que HTML
HTML uma linguagem com a qual se definem as pginas web. Basicamente trata-se de um conjunto de etiquetas (tags) que servem para definir a forma na qual se apresentar o texto e outros elementos da pgina. O HTML se criou a princpio com objetivos de divulgao. Porm, no se pensou que a web chegaria a ser uma rea de cio com carter multimdia, de modo que, o HTML se criou sem dar respostas a todos os possveis usos que lhe dariam posteriormente e a todo coletivo de gente que o utilizariam no futuro. Entretanto, frente a este deficiente planejamento, com o tempo, foram se incorporando modificaes as quais so os padres (standards) do HTML. Numerosos padres j se apresentaram. O HTML 4.01 foi o ltimo padro feito at o ms de abril de 2004. O HTML uma linguagem de programao muito fcil de aprender, o que permite que qualquer pessoa, mesmo que nunca tenha programado possa enfrentar a tarefa de criar um web site. O HTML fcil e em pouco tempo poderemos dominar sua linguagem. Mais adiante, conseguiremos os resultados profissionais graas as nossas capacidades para o desenho e a nossa veia artstica. Uma vez conhecendo o conceito do HTML, vamos adiantar mais algumas coisas. Esta linguagem se escreve em um documento de texto, por isso necessitamos de um editor de textos para escrever uma pgina web. Sendo assim, o arquivo onde est contido o cdigo HTML um arquivo de texto com uma peculiaridade, que tem uma extenso .html ou .htm ( indiferente qual deles utilizar). De modo que quando programarmos em HTML, o faremos

com um editor de texto, o mais simples possvel e salvaremos nossos trabalhos com extenso .html, por exemplo: minhapagina.html. Para adiantar um pouco mais como se utiliza o HTML, diremos que a linguagem consta de tags que so etiquetas que tem esta forma<b> ou<p>. Cada etiqueta significa uma coisa, por exemplo:<b> significa que se escreve em negrito (bold) ou<p> significa um pargrafo,<a> um link, etc. Quase todas as etiquetas tm sua correspondente etiqueta de fechamento, que indica que a partir desse ponto a etiqueta no vai se alterar. Por exemplo,</b> se utiliza para indicar que se deixe de escrever em negrito. Portanto, o HTML no mais do que uma srie de tags que se utilizam para definir a forma ou o estilo que queremos aplicar em nosso documento. Ou seja,<b> isto est em negrito</b>. Para aprender HTML em profundidade temos um manual em Criarweb.com. Ademais, podem ser consultados os links a distintos manuais e artigos que temos em nosso buscador na sesso de HTML. Se o que desejamos ter uma idia global do que a publicao na Internet e os passos a seguir para colocar nossas pginas na web, o mais adequado ser consultar o manual Desde Zero.

O que XHTML?
Em poucas palavras, o XHTML uma espcie de juno entre o HTML e o XML. O XML uma especificao bastante rgida: quando os navegadores encontram um erro no HTML comum, como uma tag <p> sem o </p>, o erro "consertado" automaticamente e, com isso, o usurio geralmente consegue visualizar a pgina normalmente; j com o XML, um erro desse tipo faz a aplicao parar. Alm disso, cada navegador conserta o erro sua maneira, o que significa que o que voc v funcionando em um dispositivo pode virar baguna em outro. Desta forma, ao combinar HTML com XML, o XHTML resultante a garantia de que seu site ser exibido exatamente como voc o desenvolveu independente do dispositivo. Isso evita o uso de hacks para corrigir problemas de exibio em determinados navegadores e ainda deixa seu cdigo organizado para atualizaes futuras.

As diferenas do XHTML na prtica

O assunto extenso, mas vamos abortar alguns pontos aqui. A primeira diferena que todas as tags devem ser fechadas. No HTML, para separar um pargrafo do outro, se voc simplesmente colocar um <p> entre eles, o navegador ir aceitar. Como isso, na verdade, est errado, o cdigo no ser validado no XHTML: um pargrafo deve vir entre um <p> e um </p>, como manda a boa e velha organizao.

Certo: <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam quis nunc at diam euismod rhoncus.</p> <p>Aliquam auctor laoreet dui. Nulla arcu arcu, placerat ut, consectetuer et, tempus eu, urna.</p>

Errado: <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam quis nunc at diam euismod rhoncus. <p> Aliquam auctor laoreet dui. Nulla arcu arcu, placerat ut, consectetuer et, tempus eu, urna

Alguns elementos tm tag de fechamento, como <p> e </p>, <strong> e </strong>, etc. Em elementos sem tag de fechamento, usa-se uma barra no final, como <br />, <hr /> e <img ... />. Uma coisa que costuma dar trabalho o fato de que todas as tags e atributos deverem estar em letras minsculas. Algumas pessoas tm o vcio de escrever tudo em maisculas porque visualmente organizado. Mas no final o cdigo realmente fica mais "leve" de se ler.

Isso tambm vale para cdigos de JavaScript: OnMouseOver deve ser substitudo por onmouseover, por exemplo.

Certo: <p>Lorem <strong class="estilo">ipsum dolor sit amet</strong>, consectetuer adipiscing elit.</p>

Errado: <P>Lorem <B CLASS="estilo">ipsum dolor sit amet</b>, consectetuer adipiscing elit.</P>

Valores de atributos devem estar entre aspas, e a tag img deve, obrigatoriamente, ter o atributo alt. Assim, se o dispositivo de sada no exibir imagens, um texto alternativo com certeza ir substitu-la. Se o texto alternativo no se aplica a alguma imagem no seu site, voc pode utilizar um espao (alt=" ").

Certo: <img src="imagem.jpg" width="200" height="100" border="0" alt="foto" />

Errado: <img src=imagem.jpg width=200 height=100 border=0>

Os elementos devem estar corretamente aninhados. Ento se voc abre um negrito dentro de um link, deve primeiro fechar o negrito e depois o link, fechando-os na ordem reversa, assim:

Certo: <p>Lorem <a href="http://lip.com/">ipsum dolor sit <strong>amet</strong></a> ...</p> Errado: <p>Lorem <a href="http://lip.com/">ipsum dolor sit <strong>amet</a></strong> ...</p>

Mais uma regra: o documento deve estar bem estruturado, com as tags principais (<html>, <head> e <body>) corretamente aninhadas e devidamente fechadas. A declarao DOCTYPE tambm obrigatria e, por no ser uma tag propriamente dita, no precisa ser fechada nem estar em letras minsculas. <!DOCTYPE ...> <html> <head> ... </head> <body> ... </body> </html> Nos elementos a, applet, form, frame, iframe, img e map o atributo name foi substitudo pelo id.

Certo: <a id="ancora"> ancora </a>

Errado: <a name="ancora"> ancora </a>

E, finalmente, no faa linhas de separao nos comentrios com o caracter "-". Prefira *, = ou #, assim:

Certo: <!-- ************************************ --> <!-- #################################### --> <!-- ==================================== -->

Errado: <!-- ------------------------------------ -->

Conceito:
HTML e XHTML so as linguagens utilizadas na apresentao de pginas de internet. Basicamente, todas as pginas na web so na sua forma fundamental escritas em uma destas duas linguagens. HTML (do ingls Hyper Text Markup Language) foi desenvolvido no incio da dcada de 90 por engenheiros do laboratrio CERN. Nos anos seguintes, houve diversas atualizaes da linguagem sendo a ltima especificao oficial a de verso 4.01, lanada no ano 2004. XHTML (do ingls Extensible Hyper Text Markup Language) considerado uma evoluo do HTML por englobar todos os elementos da linguagem HTML, com algumas adies. A primeira verso da linguagem XHTML foi lanada 2000 sendo a ltima atualizao a de verso 1.1 proposta em 2001. Por definio, XHTML possui as mesmas caractersticas de documentos XML. Estas linguagens consistem de tags ou elementos envolvidos pelos caracteres '<' (menor que) e '>' (maior que) que modificam ou agregam propriedades do seu contedo. Em geral cada tag possui um finalizador consistindo do nome da tag precedido por uma '/' (barra). Por exemplo:

<strong>Texto em Negrito</strong>

Onde:

<strong> a tag que caracteriza o texto a seguir como devendo ser apresentado em negrito

Texto em Negrito: o texto a ser afetado pela tag </strong> o terminador da tag, indicando onde as caractersticas de formatao terminam. Note que nem todas as tags possuem um terminador. Em casos assim, na

linguagem XHTML estas tags devem terminar com a '/' (barra) dentro da prpria tag, por exemplo: <br /> A tag <br /> (quebra de linha) no possui um terminador, portanto a '/' (barra) inserida dentro da prpria tag inicial. Esta mesma tag em linguagem HTML simplesmente <br>. Tags tambm podem ter atributos e cada atributo pode possuir diversos valores, alguns especficos, alguns definidos pelo autor da pgina. Por exemplo: <p align="right">Texto justificado direita</p> onde:

<p> a tag padro para indicar o incio de um pargrafo align="right" um atributo que indica que a tag <p> representa um pargrafo justificado direita

'Texto justificado direita' o texto a ser apresentado e justificado (alinhado) direita </p> o terminador da tag Uma outra diferena entre HTML e XHTML que em HTML as tags, atributos e

valores podem ser escritos em letras maisculas ou minsculas. Na linguagem XHTML todas as tags, atributos e valores devem ser escritas em letras minsculas e todos os valores devem ser envolvidos por haspas ("). Veja o artigo tags para detalhes sobre cada uma das tags suportadas na linguagem HTML e XHTML.

Declarao:
Para caracterizar um documento como sendo HTML ou XHTML, a pgina de internet deve conter uma declarao do tipo de documento logo no incio de seu cdigo. Isto feito atravs de uma tag especial chamada <!DOCTYPE>. H tambm trs tipos diferentes de variaes de cada uma das duas linguagens, a saber:

DTD Strict (Estrito): A pgina de internet pode conter apenas tags sem nenhum atributo de formatao. A pgina tambm no pode conter nenhuma tag marcada como obsoleta pela W3C (World Wide Web Consortium - entidade que regulamenta a linguagem HTML e XHTML). Neste tipo de pgina a formatao obtida unicamente atravs de folhas de estilo em cascata (CSS).

DTD Transitional (Transicional): A pgina de internet pode conter atributos de formatao bem como tags consideradas obsoletas.

DTD Frameset: Trata-se de um tipo similar DTD Transitional, sendo a principal diferena que pginas de internet neste formato se utilizam de frames no lugar da estrutura <body>. DTD significa Document Type Definition (Documento de Definio de Tipo) e se

refere a um arquivo onde cada uma das tags das linguagens HTML e XHTML so definidas. Na declarao da tag <!DOCTYPE>, um caminho para este arquivo deve ser especificado.

Compatibilidade:
Todos os navegadores modernos so compatveis com as linguagens HTML e XHTML, no entanto a organizao W3C recomenda que novas pginas de internet sejam criadas utilizando-se a linguagem XHTML Strict. Para informaes sobre as recomendaes mais recentes destas linguagens, veja as seguintes pginas do site do W3C (em ingls):

Especificaes da linguagem XHTML 1.0 Especificaes da linguagem HTML 4.01

Finalizando
H desvantagens no XHTML? Bom, o XHTML no suportado em navegadores antigos, mas, atualmente, isso no chega a ser uma problema... Na prtica, quando voc migra do HTML para o XHTML em um site comum, garante ao menos a organizao do seu documento. O importante sempre manter seu cdigo limpo, tomando cuidado com a semntica (ou seja, utilizando uma tag para o que ela foi feita, e no para "quebrar galhos"). Tendo essa preocupao, no importa se voc resolver migrar para o XHTML ou preferir continuar no HTML, seus sites sempre sero acessveis, independente do dispositivo.

Referncias:
Organizao W3C (World Wikipedia: HTML Wide Web Consortium em ingls)

www.interney.net/blogfaq.php?p=6541494
http://www.infowester.com/xhtml.php

http://www.criarweb.com/artigos/7.php http://www.maujor.com/w3ctuto/qatips/doctype.html http://www.referenciando.com/referencias/html-xhtml/html-tags/ http://www.cern.ch/