XHTML

1,816 views

Published on

Apresentação sobre XHTML básico.

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,816
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
35
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

XHTML

  1. 1. XHTML<br />Jonas Vilasbôas Moreira<br />http://sdevlab.wordpress.com<br />
  2. 2. O que é XHTML<br />XHTML (acrônimo de eXtensibleHiperText Markup Language) é quase idêntico à HTML, na verdade é uma combinação de todos os elementos de HTML 4.01 unidos às regras de XML. É mais limpo e rigoroso que html normal, fortemente recomendado pela W3C.<br />XHTML é suportado por todos os navegadores.<br />
  3. 3. Por quê XHTML?<br />Devemos usar XHTML porque além de termos que contar que nossos arquivos vão ser interpretados por diferentes tipos de navegador, muitas vezes este navegador está instalado em um telefone celular, palm-top, netbook, enfim, dispositivos que possuem recursos e display limitados, que não conseguem interpretar corretamente códigos mal escritos. Como XHTML usa as regras de XML combinados com HTML, conseguimos evitar estes problemas.<br />
  4. 4. Principais diferenças entre HTML e XHTML<br /><ul><li> os elementos XHTML devem ser propriamente aninhados
  5. 5. os elementos devem ter uma tag de fechamento
  6. 6. as tags devem ser escritas em lowercase
  7. 7. o documento XHTML deve ter um elemento raiz</li></ul><html><head> ... </head><body> ... </body></html><br />
  8. 8. Regras e Sintaxe<br /><ul><li> atributos devem ser escritos em lowercase
  9. 9. elementos devem estar devidamente aninhados
  10. 10. todos os elementos devem ter uma tag de fechamento
  11. 11. valores de atributos devem estar entre “”
  12. 12. minimização de atributos é proibida (Ex de minimização: <input checked> )
  13. 13. DTD do documento define os elementos obrigatórios
  14. 14. tags vazias não são permitidas, por exemplo <br> vira <br />, <hr> vira <hr /> e <img> vira <img />
  15. 15. o documento XHTML deve ter um elemento raiz
  16. 16. o atributo lang especifica o idioma do conteúdo do elemento (Ex:<div lang="it" xml:lang="it">Ciao bella!</div> )</li></ul>Veja que no exemplo o elemento <note> é pai de <title>, <author> e <content>.<br />
  17. 17. <!DOCTYPE> é Obrigatório!<br />A estrutura básica de um arquivo XHTML é:<br /> - declaração do doctype<br /> - seção head<br /> - seção body<br />O que é Doctype?<br />“Doctype” é o acrônimo de “DocumentType”, também conhecido como DTD (DocumentTypeDefinition). É o doctype que diz para os useragents qual o tipo de documento que ele tem que interpretar (parsing) e como ele deve renderizar esse documento. A definição de um tipo de documento (doctype) informa quais as regras que os useragents devem utilizar do que é e o que não é permitido em uma determinada versão de um XML e de um (X)HTML. É uma forma de dizer a eles quais são as regras que aquele documento pretende seguir e quais as regras que o browser deve utilizar ao analisar (parsing) o documento.<br />
  18. 18. Exemplo de doctype<br />Existem 3 diferentes DTD’s para XHTML que são STRICT, TANSITIONAL e FRAMESET.<br />Exemplos:<br />XHTML 1.0 Strict<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />XHTML 1.0 Transitional<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />XHTML 1.0 Frameset<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"><br />
  19. 19. Estrutura básica do documento<br /><!DOCTYPE Doctype><html><head><title>Título da página</title></head><body></body></html><br />
  20. 20. Referências<br />Tags:<br />http://www.w3schools.com/tags/ref_byfunc.asp<br />
  21. 21. Referências<br />Atributos:<br />http://www.w3schools.com/tags/ref_standardattributes.asp<br />
  22. 22. Referências<br />Eventos:<br />http://www.w3schools.com/tags/ref_eventattributes.asp<br />
  23. 23. Referências<br />Lista de elementospor DTD’s:<br />http://www.w3schools.com/tags/ref_html_dtd.asp<br />
  24. 24. Referências - Links<br />Codificação de caracteres, símbolos, encodes e mensagens de status:<br />Existemdiversasformatos de codificação de caracteres, segue umalista com as principaisreferências de cada um:<br /><ul><li>Principais: http://www.w3schools.com/tags/ref_charactersets.asp
  25. 25. ASCII: http://www.w3schools.com/tags/ref_ascii.asp
  26. 26. ISO 8859-1: http://www.w3schools.com/tags/ref_entities.asp
  27. 27. Símbolos: http://www.w3schools.com/tags/ref_symbols.asp
  28. 28. URL encode: http://www.w3schools.com/tags/ref_urlencode.asp
  29. 29. ISO (vários): http://www.w3schools.com/tags/ref_language_codes.asp
  30. 30. Mensagens de status: http://www.w3schools.com/tags/ref_httpmessages.asp
  31. 31. Tutoriais HTML: http://sdevlab.wordpress.com</li>

×