XHTML: eXtensible Hypertext Markup Language

  • Published on
    05-Jul-2015

  • View
    214

  • Download
    0

Embed Size (px)

DESCRIPTION

Apresentao sobre a linguagem XHTML

Transcript

<ul><li> 1. Introduo caSintaxe O que temos mais em XHTML? Validando documentos XHTML Programao para Web ca XHTML Ivo Calado Instituto Federal de Educao, Cincia e Tecnologia de Alagoas ca e 16 de Abril de 20121 / 18 Ivo Calado IFALProgramao para Webca</li></ul> <p> 2. Introduo caSintaxe O que temos mais em XHTML? Validando documentos XHTMLRoteiro 1 Introduoca 2 Sintaxe 3 O que temos mais em XHTML? 4 Validando documentos XHTML2 / 18 Ivo Calado IFALProgramao para Webca 3. Introduo caSintaxe O que temos mais em XHTML? Validando documentos XHTMLO que ?eO que ?e3 / 18 Ivo Calado IFALProgramao para Webca 4. Introduo caSintaxe O que temos mais em XHTML? Validando documentos XHTMLO que ?eO que ?e Trata-se de uma padronizao praticamente identica aoca HTML 4.01 com apenas algumas diferenas c XHTML uma verso mais restrita e limpa do HTML e a XHTML foi desenvolvido pela W3C para ajudar desenvolvedores na transio do HTML para XMLca Migrando para XHTML, desenvolvedores Web podem fazer parte do mundo do XML mas mantendo retrocompatibilidade com o HTML3 / 18 Ivo Calado IFALProgramao para Webca 5. Introduo caSintaxe O que temos mais em XHTML? Validando documentos XHTMLO que ?eO que ?e Trata-se de uma padronizao praticamente identica aoca HTML 4.01 com apenas algumas diferenas c XHTML uma verso mais restrita e limpa do HTML e a XHTML foi desenvolvido pela W3C para ajudar desenvolvedores na transio do HTML para XMLca Migrando para XHTML, desenvolvedores Web podem fazer parte do mundo do XML mas mantendo retrocompatibilidade com o HTML Agora, um documento HTML passa a ser denido como uma aplicao XML ca3 / 18 Ivo Calado IFALProgramao para Webca 6. Introduo caSintaxe O que temos mais em XHTML? Validando documentos XHTMLBenef ciosO que ganhamos com o XHTML? Documentos XHTML esto em conformidade com XML. a Deste modo podem ser facilmenteo visualizados, editados e validados por ferramentas de XML Especialmente util para navegadores de dispositivos embarcados que no podem car se preocupando em tentar a dar signicado ` documentos HTML mal formadosa4 / 18 Ivo Calado IFALProgramao para Webca 7. Introduo caSintaxe O que temos mais em XHTML? Validando documentos XHTMLBenef ciosPorque usar XHTML? Possui uma sintaxe mais rgida que o HTML Possibilita a criao de pginas Web mais consistentes e mais caa bem estruturados que no HTML Pginas que seguem o padro XHTML recebem um selo dea a qualidade da W3C5 / 18 Ivo Calado IFALProgramao para Webca 8. Introduo caSintaxe O que temos mais em XHTML? Validando documentos XHTMLO que j sabemos... a A sintaxe bastante parecida com o HTML e6 / 18 Ivo Calado IFALProgramao para Webca 9. Introduo caSintaxe O que temos mais em XHTML? Validando documentos XHTMLO que j sabemos... a A sintaxe bastante parecida com o HTML e Praticamente toda a sintaxe compat com o HTML e vel porm o inverso no verdadeiroe a e H diversos pontos que devem ser considerados na sintaxe, a como: DOCTYPE, case-sensitive, fechamento de tags, formatao de atributos etcca6 / 18 Ivo Calado IFALProgramao para Webca 10. Introduo caSintaxeO que temos mais em XHTML? Validando documentos XHTMLExemplo de XHTML &lt; t i t l e&gt;E v e r y document must h a v e a t i t l e t i t l e&gt; head&gt; . . . your content goes here . . . body&gt; html&gt;7 / 18Ivo Calado IFALProgramao para Webca 11. Introduo caSintaxeO que temos mais em XHTML? Validando documentos XHTMLDOCTYPEDeclarao de DOCTYPE caEm documentos XML comum o uso de documentos dtd ou eXMLSchema que possibilitem a validao da sintaxe de um cadocumentosNeste sentido, devemos identicar no documento XHTML asregras de validaoca 8 / 18Ivo Calado IFALProgramao para Webca 12. Introduo caSintaxe O que temos mais em XHTML? Validando documentos XHTMLDOCTYPETipos de arquivos DTD Existem 3 tipos de arquivos DTD que so o Strict,a Transitional e Frameset A diferena entre os 3 arquivos de validao est nos atributosc ca a aceitos Dependendo do tipo da pgina Web (uso ou no de CSS, uso aa de frames), deve-se fazer a seleo do DTD correto ca Validadores podem ser utilizados para fazer a seleo correta ca9 / 18 Ivo Calado IFALProgramao para Webca 13. Introduo caSintaxeO que temos mais em XHTML?Validando documentos XHTMLDOCTYPETipos de DTD -// W3C // DTD XHTML 1.0 Strict // EN "" http :// www . w3 . org / TR / xhtml1 / DTD / xhtml1 - strict . dtd "&gt; -// W3C // DTD XHTML 1.0 Transitional // EN "" http :// www . w3 . org / TR / xhtml1 / DTD / xhtml1 - transitional . dtd "&gt; -// W3C // DTD XHTML 1.0 Frameset // EN "" http :// www . w3 . org / TR / xhtml1 / DTD / xhtml1 - frameset . dtd "&gt;10 / 18 Ivo CaladoIFALProgramao para Webca 14. Introduo ca Sintaxe O que temos mais em XHTML? Validando documentos XHTMLCase sensitive e fechamento de tagsCase sensitiveEnquanto que em HTML podemos fazer algo assim: em XHTML TODOS os atributos e tags devem ser minsculosu11 / 18 Ivo Calado IFALProgramao para Webca 15. Introduo ca SintaxeO que temos mais em XHTML? Validando documentos XHTMLCase sensitive e fechamento de tagsCase sensitiveEnquanto que em HTML podemos fazer algo assim: em XHTML TODOS os atributos e tags devem ser minsculosuExemplo:XHTML T u t o r i a lXHTML T u t o r i a l11 / 18Ivo Calado IFALProgramao para Webca 16. Introduo ca Sintaxe O que temos mais em XHTML?Validando documentos XHTMLCase sensitive e fechamento de tagsFechamento de tagsTodas as tags devem ser fechadas</p> <p>T h i s p a r a g r a p h i s n o t w r i t t e n a c c o r d i n g t o XHTMLsyntax .12 / 18 Ivo CaladoIFALProgramao para Webca 17. Introduo ca Sintaxe O que temos mais em XHTML?Validando documentos XHTMLCase sensitive e fechamento de tagsFechamento de tagsTodas as tags devem ser fechadas</p> <p>T h i s p a r a g r a p h i s n o t w r i t t e n a c c o r d i n g t o XHTMLsyntax .12 / 18 Ivo CaladoIFALProgramao para Webca 18. Introduo ca Sintaxe O que temos mais em XHTML?Validando documentos XHTMLFormatao de atributos caFormatao de atributos caEm HTML poss um cdigo como essee veloPorm em XHTML todos os atributos devem estar entre aspas e13 / 18 Ivo CaladoIFALProgramao para Webca 19. Introduo ca Sintaxe O que temos mais em XHTML? Validando documentos XHTMLFormatao de atributos caFormatao de atributos caEm HTML poss um cdigo como essee veloPorm em XHTML todos os atributos devem estar entre aspas e13 / 18 Ivo Calado IFALProgramao para Webca 20. Introduo caSintaxeO que temos mais em XHTML? Validando documentos XHTMLMinimizao de atributoscaMinimizao de atributoscaEm algumas tags poss a utilizao de atributos sem valore vel caPorm, atributos sem valor no so poss em XML. Deste modo,e a avela seguinte abordagem foi utilizada 14 / 18 Ivo Calado IFALProgramao para Webca 21. Introduo caSintaxe O que temos mais em XHTML? Validando documentos XHTMLAtributo id e fechamento de tagsAtributo name e id Em HTML comum a utilizao do atributo name para e ca identicao do elemento...ca15 / 18Ivo Calado IFALProgramao para Webca 22. Introduo caSintaxe O que temos mais em XHTML? Validando documentos XHTMLAtributo id e fechamento de tagsAtributo name e id Em HTML comum a utilizao do atributo name para e ca identicao do elemento...ca Porm, em XHTML o atributo id assume este papele15 / 18Ivo Calado IFALProgramao para Webca 23. Introduo caSintaxe O que temos mais em XHTML?Validando documentos XHTMLAtributo id e fechamento de tagsFechamento de tagsTags em XHTML devem estar corretamente fechadas<b>&lt; i&gt; T h i s t e x t i s b o l d and i t a l i c </b> i&gt; (ERRADO)<b>&lt; i&gt; T h i s t e x t i s b o l d and i t a l i c i&gt;</b>16 / 18Ivo CaladoIFALProgramao para Webca 24. Introduo caSintaxeO que temos mais em XHTML? Validando documentos XHTMLO que temos mais em XHTML? Atributos base: class, id, style, title Atributos de linguagem: dir, lang Eventos: onload, onchange, onsubmit. Veremos com mais detalhes em DHTML! Mdulos: a especicao XHTML dividida em diversos ocae mdulos dependendo da funcionalidade. Ou seja, um o dispositivo pode implementar apenas alguns recursos17 / 18 Ivo Calado IFALProgramao para Webca 25. Introduo caSintaxe O que temos mais em XHTML? Validando documentos XHTMLValidando documentos XHTMLhttp://www.validome.org/18 / 18Ivo Calado IFALProgramao para Webca</p>

Recommended

View more >