Uploaded on

Apresentação sobre XHTML básico.

Apresentação sobre XHTML básico.

More in: Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,452
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
33
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. XHTML
    Jonas Vilasbôas Moreira
    http://sdevlab.wordpress.com
  • 2. O que é XHTML
    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.
    XHTML é suportado por todos os navegadores.
  • 3. Por quê XHTML?
    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.
  • 4. Principais diferenças entre HTML e XHTML
    • os elementos XHTML devem ser propriamente aninhados
    • 5. os elementos devem ter uma tag de fechamento
    • 6. as tags devem ser escritas em lowercase
    • 7. o documento XHTML deve ter um elemento raiz
    <html><head> ... </head><body> ... </body></html>
  • 8. Regras e Sintaxe
    • atributos devem ser escritos em lowercase
    • 9. elementos devem estar devidamente aninhados
    • 10. todos os elementos devem ter uma tag de fechamento
    • 11. valores de atributos devem estar entre “”
    • 12. minimização de atributos é proibida (Ex de minimização: <input checked> )
    • 13. DTD do documento define os elementos obrigatórios
    • 14. tags vazias não são permitidas, por exemplo <br> vira <br />, <hr> vira <hr /> e <img> vira <img />
    • 15. o documento XHTML deve ter um elemento raiz
    • 16. o atributo lang especifica o idioma do conteúdo do elemento (Ex:<div lang="it" xml:lang="it">Ciao bella!</div> )
    Veja que no exemplo o elemento <note> é pai de <title>, <author> e <content>.
  • 17. <!DOCTYPE> é Obrigatório!
    A estrutura básica de um arquivo XHTML é:
    - declaração do doctype
    - seção head
    - seção body
    O que é Doctype?
    “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.
  • 18. Exemplo de doctype
    Existem 3 diferentes DTD’s para XHTML que são STRICT, TANSITIONAL e FRAMESET.
    Exemplos:
    XHTML 1.0 Strict
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    XHTML 1.0 Transitional
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    XHTML 1.0 Frameset
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
  • 19. Estrutura básica do documento
    <!DOCTYPE Doctype><html><head><title>Título da página</title></head><body></body></html>
  • 20. Referências
    Tags:
    http://www.w3schools.com/tags/ref_byfunc.asp
  • 21. Referências
    Atributos:
    http://www.w3schools.com/tags/ref_standardattributes.asp
  • 22. Referências
    Eventos:
    http://www.w3schools.com/tags/ref_eventattributes.asp
  • 23. Referências
    Lista de elementospor DTD’s:
    http://www.w3schools.com/tags/ref_html_dtd.asp
  • 24. Referências - Links
    Codificação de caracteres, símbolos, encodes e mensagens de status:
    Existemdiversasformatos de codificação de caracteres, segue umalista com as principaisreferências de cada um:
    • Principais: http://www.w3schools.com/tags/ref_charactersets.asp
    • 25. ASCII: http://www.w3schools.com/tags/ref_ascii.asp
    • 26. ISO 8859-1: http://www.w3schools.com/tags/ref_entities.asp
    • 27. Símbolos: http://www.w3schools.com/tags/ref_symbols.asp
    • 28. URL encode: http://www.w3schools.com/tags/ref_urlencode.asp
    • 29. ISO (vários): http://www.w3schools.com/tags/ref_language_codes.asp
    • 30. Mensagens de status: http://www.w3schools.com/tags/ref_httpmessages.asp
    • 31. Tutoriais HTML: http://sdevlab.wordpress.com