Aula1 xhtml

11
XHTML 1 AULA

Transcript of Aula1 xhtml

Page 1: Aula1 xhtml

XHTML1 AULA

Page 2: Aula1 xhtml

Índice1. Definição

2. Principais diferenças com o HTML

3. Caraterísticas

4. Conversão

Page 3: Aula1 xhtml

Definição• XHTML quer dizer E X tensible H Yper T ext M arkup L anguage • XHTML é quase idêntico ao HTML • XHTML é mais rigoroso do que o HTML • XHTML é HTML definido como um aplicativo XML • XHTML é suportado por todos os principais navegadores

Page 4: Aula1 xhtml

Principais diferenças com o HTMLEstrutura do Documento • XHTML DOCTYPE é obrigatória • O atributo xmlns em <html> é obrigatória • <Html>, <head>, <title> e <body> são obrigatórios Elementos XHTML • Elementos XHTML devem estar devidamente aninhados • Elementos XHTML devem sempre ser fechado • Elementos XHTML devem ser em letras minúsculas • Documentos XHTML devem ter um elemento raiz Atributos XHTML • Nomes de atributos devem ser em letras minúsculas • Os valores de atributos devem ser citados • Minimização atributo é proibido

Page 5: Aula1 xhtml

Caraterísticas<! DOCTYPE ....> é imperativo Um documento XHTML deve ter uma declaração DOCTYPE XHTML. O <html>, <head>, <title> e <body> elementos também devem estar presentes, e o atributo xmlns em <html> deve especificar o namespace xml para o documento.

Este exemplo mostra um documento XHTML com um mínimo de marcas necessárias: <!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/1999/xhtml"><head> <title>Title of document</title></head><body> some content </body></html>

Page 6: Aula1 xhtml

CaraterísticasXHTML elementos devem ser devidamente alinhados

Em HTML, alguns elementos podem ser impropriamente alinhados uns dentro dos outros, como este: <b><i>This text is bold and italic</b></i>

Em XHTML, todos os elementos devem estar devidamente alinhados uns dentro dos outros, como este: <b><i>This text is bold and italic</i></b>

Page 7: Aula1 xhtml

CaraterísticasXHTML Elements deve estar sempre fechado

Isso é errado: <p>This is a paragraph<p>This is another paragraph

Isto está correto: <p>This is a paragraph</p><p>This is another paragraph</p>

Page 8: Aula1 xhtml

CaraterísticasXHTML elementos devem estar em caixa baixa

Isso é errado: <BODY><P>This is a paragraph</P></BODY>

Isto está correto: <body><p>This is a paragraph</p></body>

Page 9: Aula1 xhtml

CaraterísticasXHTML Atributo nomes devem estar em Minúscula

Isso é errado: <table WIDTH="100%">

Isto está correto: <table width="100%">

Page 10: Aula1 xhtml

Como converter de HTML para XHTML1. Adicionar um XHTML <! DOCTYPE> para a primeira linha de cada página 2. Adicionar um atributo xmlns para o elemento html de cada página 3. Alterar todos os nomes de elementos para minúsculas 4. Feche todos os elementos vazios 5. Alterar todos os nomes de atributos para minúsculas 6. Citar todos os valores de atributo

Page 11: Aula1 xhtml

Luis Fernandes

[email protected]