View
261
Download
0
Category
Preview:
DESCRIPTION
Apresentação sobre a linguagem XHTML
Citation preview
Introducao Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Programacao para WebXHTML
Ivo Calado
Instituto Federal de Educacao, Ciencia e Tecnologia de Alagoas
16 de Abril de 2012
1 / 18 Ivo Calado IFAL
Programacao para Web
Introducao Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Roteiro
1 Introducao
2 Sintaxe
3 O que temos mais em XHTML?
4 Validando documentos XHTML
2 / 18 Ivo Calado IFAL
Programacao para Web
Introducao Sintaxe O que temos mais em XHTML? Validando documentos XHTML
O que e?
O que e?
Trata-se de uma padronizacao praticamente identica aoHTML 4.01 com apenas algumas diferencas
XHTML e uma versao mais restrita e limpa do HTML
XHTML foi desenvolvido pela W3C para ajudardesenvolvedores na transicao do HTML para XML
Migrando para XHTML, desenvolvedores Web podem fazerparte do mundo do XML mas mantendo retrocompatibilidadecom o HTML
Agora, um documento HTML passa a ser definido como umaaplicacao XML
3 / 18 Ivo Calado IFAL
Programacao para Web
Introducao Sintaxe O que temos mais em XHTML? Validando documentos XHTML
O que e?
O que e?
Trata-se de uma padronizacao praticamente identica aoHTML 4.01 com apenas algumas diferencas
XHTML e uma versao mais restrita e limpa do HTML
XHTML foi desenvolvido pela W3C para ajudardesenvolvedores na transicao do HTML para XML
Migrando para XHTML, desenvolvedores Web podem fazerparte do mundo do XML mas mantendo retrocompatibilidadecom o HTML
Agora, um documento HTML passa a ser definido como umaaplicacao XML
3 / 18 Ivo Calado IFAL
Programacao para Web
Introducao Sintaxe O que temos mais em XHTML? Validando documentos XHTML
O que e?
O que e?
Trata-se de uma padronizacao praticamente identica aoHTML 4.01 com apenas algumas diferencas
XHTML e uma versao mais restrita e limpa do HTML
XHTML foi desenvolvido pela W3C para ajudardesenvolvedores na transicao do HTML para XML
Migrando para XHTML, desenvolvedores Web podem fazerparte do mundo do XML mas mantendo retrocompatibilidadecom o HTML
Agora, um documento HTML passa a ser definido como umaaplicacao XML
3 / 18 Ivo Calado IFAL
Programacao para Web
Introducao Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Benefıcios
O que ganhamos com o XHTML?
Documentos XHTML estao em conformidade com XML.Deste modo podem ser facilmenteo visualizados, editados evalidados por ferramentas de XML
Especialmente util para navegadores de dispositivosembarcados que nao podem ficar se preocupando em tentardar “significado” a documentos HTML mal formados
4 / 18 Ivo Calado IFAL
Programacao para Web
Introducao Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Benefıcios
Porque usar XHTML?
Possui uma sintaxe mais rıgida que o HTML
Possibilita a criacao de paginas Web mais consistentes e maisbem estruturados que no HTML
Paginas que seguem o padrao XHTML recebem um selo dequalidade da W3C
5 / 18 Ivo Calado IFAL
Programacao para Web
Introducao Sintaxe O que temos mais em XHTML? Validando documentos XHTML
O que ja sabemos...
A sintaxe e bastante parecida com o HTML
Praticamente toda a sintaxe e compatıvel com o HTMLporem o inverso nao e verdadeiro
Ha diversos pontos que devem ser considerados na sintaxe,como: DOCTYPE, case-sensitive, fechamento de tags,formatacao de atributos etc
6 / 18 Ivo Calado IFAL
Programacao para Web
Introducao Sintaxe O que temos mais em XHTML? Validando documentos XHTML
O que ja sabemos...
A sintaxe e bastante parecida com o HTML
Praticamente toda a sintaxe e compatıvel com o HTMLporem o inverso nao e verdadeiro
Ha diversos pontos que devem ser considerados na sintaxe,como: DOCTYPE, case-sensitive, fechamento de tags,formatacao de atributos etc
6 / 18 Ivo Calado IFAL
Programacao para Web
Introducao Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Exemplo de XHTML
<? xml v e r s i o n="1.0" encod ing="UTF -8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1 -transitional.
dtd"><html xmlns="http://www.w3.org/TR/xhtml1" xml : lang="en"
lang="en"><head>
< t i t l e>Every document must have a t i t l e</ t i t l e></head><body>. . . your con t en t goes he r e . . .</body>
</html>
7 / 18 Ivo Calado IFAL
Programacao para Web
Introducao Sintaxe O que temos mais em XHTML? Validando documentos XHTML
DOCTYPE
Declaracao de DOCTYPE
Em documentos XML e comum o uso de documentos dtd ouXMLSchema que possibilitem a validacao da sintaxe de umdocumentos
Neste sentido, devemos identificar no documento XHTML asregras de validacao
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1 -transitional.
dtd">
8 / 18 Ivo Calado IFAL
Programacao para Web
Introducao Sintaxe O que temos mais em XHTML? Validando documentos XHTML
DOCTYPE
Tipos de arquivos DTD
Existem 3 tipos de arquivos DTD que sao o Strict,Transitional e Frameset
A diferenca entre os 3 arquivos de validacao esta nos atributosaceitos
Dependendo do tipo da pagina Web (uso ou nao de CSS, usode frames), deve-se fazer a selecao do DTD correto
Validadores podem ser utilizados para fazer a selecao correta
9 / 18 Ivo Calado IFAL
Programacao para Web
Introducao Sintaxe O que temos mais em XHTML? Validando documentos XHTML
DOCTYPE
Tipos de DTD
<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1 -strict.dtd">
<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1 -transitional.
dtd">
<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1 -frameset.dtd">
10 / 18 Ivo Calado IFAL
Programacao para Web
Introducao Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Case sensitive e fechamento de tags
Case sensitive
Enquanto que em HTML podemos fazer algo assim:
<HtML> <HEad> </heAD> </HTML>
em XHTML TODOS os atributos e tags devem ser minusculos
Exemplo:
<!−− This i s i n v a l i d i n XHTML −−><A Href="/xhtml/xhtml_tutorial.html">XHTML Tu t o r i a l</A><!−− Co r r e c t XHTML way o f w r i t i n g t h i s i s as f o l l o w s −−
><a hre f="/xhtml/xhtml_tutorial.html">XHTML Tu t o r i a l</a>
11 / 18 Ivo Calado IFAL
Programacao para Web
Introducao Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Case sensitive e fechamento de tags
Case sensitive
Enquanto que em HTML podemos fazer algo assim:
<HtML> <HEad> </heAD> </HTML>
em XHTML TODOS os atributos e tags devem ser minusculosExemplo:
<!−− This i s i n v a l i d i n XHTML −−><A Href="/xhtml/xhtml_tutorial.html">XHTML Tu t o r i a l</A><!−− Co r r e c t XHTML way o f w r i t i n g t h i s i s as f o l l o w s −−
><a hre f="/xhtml/xhtml_tutorial.html">XHTML Tu t o r i a l</a>
11 / 18 Ivo Calado IFAL
Programacao para Web
Introducao Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Case sensitive e fechamento de tags
Fechamento de tags
Todas as tags devem ser fechadas
<!−− This i s i n v a l i d i n XHTML −−><p>This pa rag raph i s not w r i t t e n a c co r d i n g to XHTML
syn tax .<!−− This i s a l s o i n v a l i d i n XHTML −−><img s r c="/images/xhtml.gif">
<!−− This i s a l s o v a l i d now −−><img s r c="/images/xhtml.gif" />
12 / 18 Ivo Calado IFAL
Programacao para Web
Introducao Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Case sensitive e fechamento de tags
Fechamento de tags
Todas as tags devem ser fechadas
<!−− This i s i n v a l i d i n XHTML −−><p>This pa rag raph i s not w r i t t e n a c co r d i n g to XHTML
syn tax .<!−− This i s a l s o i n v a l i d i n XHTML −−><img s r c="/images/xhtml.gif">
<!−− This i s a l s o v a l i d now −−><img s r c="/images/xhtml.gif" />
12 / 18 Ivo Calado IFAL
Programacao para Web
Introducao Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Formatacao de atributos
Formatacao de atributos
Em HTML e possıvel um codigo como esse
<img s r c="/images/xhtml.gif" width=250 he ight=50 />
Porem em XHTML todos os atributos devem estar entre aspas
<img s r c="/images/xhtml.gif" width="250" he ight="50" />
13 / 18 Ivo Calado IFAL
Programacao para Web
Introducao Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Formatacao de atributos
Formatacao de atributos
Em HTML e possıvel um codigo como esse
<img s r c="/images/xhtml.gif" width=250 he ight=50 />
Porem em XHTML todos os atributos devem estar entre aspas
<img s r c="/images/xhtml.gif" width="250" he ight="50" />
13 / 18 Ivo Calado IFAL
Programacao para Web
Introducao Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Minimizacao de atributos
Minimizacao de atributos
Em algumas tags e possıvel a utilizacao de atributos sem valor
<opt ion se l e c ted>
Porem, atributos sem valor nao sao possıvel em XML. Deste modo,a seguinte abordagem foi utilizada
<opt ion se l e c ted="selected">
14 / 18 Ivo Calado IFAL
Programacao para Web
Introducao Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Atributo id e fechamento de tags
Atributo name e id
Em HTML e comum a utilizacao do atributo name paraidentificacao do elemento...
Porem, em XHTML o atributo id assume este papel
<img s r c="/images/xhtml.gif" i d="xhtml_logo" />
15 / 18 Ivo Calado IFAL
Programacao para Web
Introducao Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Atributo id e fechamento de tags
Atributo name e id
Em HTML e comum a utilizacao do atributo name paraidentificacao do elemento...
Porem, em XHTML o atributo id assume este papel
<img s r c="/images/xhtml.gif" i d="xhtml_logo" />
15 / 18 Ivo Calado IFAL
Programacao para Web
Introducao Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Atributo id e fechamento de tags
Fechamento de tags
Tags em XHTML devem estar corretamente fechadas
<b>< i> This t e x t i s bo ld and i t a l i c</b></ i> (ERRADO)<b>< i> This t e x t i s bo ld and i t a l i c</ i></b>
16 / 18 Ivo Calado IFAL
Programacao para Web
Introducao Sintaxe O que temos mais em XHTML? Validando documentos XHTML
O que temos mais em XHTML?
Atributos base: class, id, style, title
Atributos de linguagem: dir, lang
Eventos: onload, onchange, onsubmit. Veremos com maisdetalhes em DHTML!
Modulos: a especificacao XHTML e dividida em diversosmodulos dependendo da funcionalidade. Ou seja, umdispositivo pode implementar apenas alguns recursos
17 / 18 Ivo Calado IFAL
Programacao para Web
Introducao Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Validando documentos XHTML
http://www.validome.org/
18 / 18 Ivo Calado IFAL
Programacao para Web
Recommended