XHTML
1 AULA
Índice
1. Definição
2. Principais diferenças com o HTML
3. Caraterísticas
4. Conversão
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
Principais diferenças com o HTML
Estrutura 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
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>
Caraterísticas
XHTML 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>
Caraterísticas
XHTML 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>
Caraterísticas
XHTML 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>
Caraterísticas
XHTML Atributo nomes devem estar em Minúscula
Isso é errado:
<table WIDTH="100%">
Isto está correto:
<table width="100%">
Como converter de HTML para XHTML
1. 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
Luis Fernandes
luishmafernandes@gmail.com

Aula1 xhtml

  • 1.
  • 2.
    Índice 1. Definição 2. Principaisdiferenças com o HTML 3. Caraterísticas 4. Conversão
  • 3.
    Definição • XHTML querdizer 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
  • 4.
    Principais diferenças como HTML Estrutura 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
  • 5.
    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>
  • 6.
    Caraterísticas XHTML elementos devemser 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>
  • 7.
    Caraterísticas XHTML Elements deveestar 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>
  • 8.
    Caraterísticas XHTML elementos devemestar em caixa baixa Isso é errado: <BODY> <P>This is a paragraph</P> </BODY> Isto está correto: <body> <p>This is a paragraph</p> </body>
  • 9.
    Caraterísticas XHTML Atributo nomesdevem estar em Minúscula Isso é errado: <table WIDTH="100%"> Isto está correto: <table width="100%">
  • 10.
    Como converter deHTML para XHTML 1. 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
  • 11.