SlideShare uma empresa Scribd logo
1 de 11
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

Mais conteúdo relacionado

Semelhante a XHTML: introdução à linguagem e conversão de HTML

Semelhante a XHTML: introdução à linguagem e conversão de HTML (20)

Curso de Desenvolvimento de Sistemas Web - (X)HTML
Curso de Desenvolvimento de Sistemas Web - (X)HTMLCurso de Desenvolvimento de Sistemas Web - (X)HTML
Curso de Desenvolvimento de Sistemas Web - (X)HTML
 
Html Básico
Html BásicoHtml Básico
Html Básico
 
Revisão html e java script
Revisão html e java scriptRevisão html e java script
Revisão html e java script
 
Desenvolvimento para a Internet - Aula 02
Desenvolvimento para a Internet - Aula 02Desenvolvimento para a Internet - Aula 02
Desenvolvimento para a Internet - Aula 02
 
Introdução ao HTML e CSS
Introdução ao HTML e CSSIntrodução ao HTML e CSS
Introdução ao HTML e CSS
 
Curso de XHTML
Curso de XHTMLCurso de XHTML
Curso de XHTML
 
HTML - Introdução
HTML - IntroduçãoHTML - Introdução
HTML - Introdução
 
HTML introdução
HTML  introduçãoHTML  introdução
HTML introdução
 
XHTML Básico
XHTML BásicoXHTML Básico
XHTML Básico
 
Aula01 Desenvolvimento em Ambiente Web - HTML
Aula01 Desenvolvimento em Ambiente Web - HTMLAula01 Desenvolvimento em Ambiente Web - HTML
Aula01 Desenvolvimento em Ambiente Web - HTML
 
Programacao para Web I 03 HTML
Programacao para Web I 03 HTMLProgramacao para Web I 03 HTML
Programacao para Web I 03 HTML
 
HTML - HyperText Markup Language - Review
HTML - HyperText Markup Language - ReviewHTML - HyperText Markup Language - Review
HTML - HyperText Markup Language - Review
 
Html e css
Html e cssHtml e css
Html e css
 
00 a linguagem html
00 a linguagem html00 a linguagem html
00 a linguagem html
 
Iniciação em HTML
Iniciação em HTMLIniciação em HTML
Iniciação em HTML
 
Html5 em 15 minutos
Html5 em 15 minutosHtml5 em 15 minutos
Html5 em 15 minutos
 
HTML básico
HTML básicoHTML básico
HTML básico
 
html css js ajax exercícios de programação
html css js ajax exercícios de programaçãohtml css js ajax exercícios de programação
html css js ajax exercícios de programação
 
Introdução à XML - Serviço de Biblioteca da EEFE-USP
Introdução à XML - Serviço de Biblioteca da EEFE-USPIntrodução à XML - Serviço de Biblioteca da EEFE-USP
Introdução à XML - Serviço de Biblioteca da EEFE-USP
 
Curso HTML módulo 2
Curso HTML módulo 2Curso HTML módulo 2
Curso HTML módulo 2
 

Mais de Luis Fernandes

Como se tornar um líder excecional
Como se tornar um líder excecionalComo se tornar um líder excecional
Como se tornar um líder excecionalLuis Fernandes
 
Como fazer evoluir a sua área de service desk
Como fazer evoluir a sua área de service deskComo fazer evoluir a sua área de service desk
Como fazer evoluir a sua área de service deskLuis Fernandes
 
Introdução á programação - 1ª parte
Introdução á programação - 1ª parteIntrodução á programação - 1ª parte
Introdução á programação - 1ª parteLuis Fernandes
 
Dicas para gerir o tempo de forma eficiente
Dicas para gerir o tempo de forma eficienteDicas para gerir o tempo de forma eficiente
Dicas para gerir o tempo de forma eficienteLuis Fernandes
 
Especificação requisitos
Especificação requisitosEspecificação requisitos
Especificação requisitosLuis Fernandes
 
Como gerir o seu tempo e ganhar produtividade 1
Como gerir o seu tempo e ganhar produtividade 1Como gerir o seu tempo e ganhar produtividade 1
Como gerir o seu tempo e ganhar produtividade 1Luis Fernandes
 
Iva liquidado pelo adquirente
Iva liquidado pelo adquirenteIva liquidado pelo adquirente
Iva liquidado pelo adquirenteLuis Fernandes
 

Mais de Luis Fernandes (11)

Como se tornar um líder excecional
Como se tornar um líder excecionalComo se tornar um líder excecional
Como se tornar um líder excecional
 
Como fazer evoluir a sua área de service desk
Como fazer evoluir a sua área de service deskComo fazer evoluir a sua área de service desk
Como fazer evoluir a sua área de service desk
 
Introdução á programação - 1ª parte
Introdução á programação - 1ª parteIntrodução á programação - 1ª parte
Introdução á programação - 1ª parte
 
Dicas para gerir o tempo de forma eficiente
Dicas para gerir o tempo de forma eficienteDicas para gerir o tempo de forma eficiente
Dicas para gerir o tempo de forma eficiente
 
Especificação requisitos
Especificação requisitosEspecificação requisitos
Especificação requisitos
 
Codigo barras
Codigo barrasCodigo barras
Codigo barras
 
Procrastinação
ProcrastinaçãoProcrastinação
Procrastinação
 
Satisfazer clientes
Satisfazer clientesSatisfazer clientes
Satisfazer clientes
 
Como gerir o seu tempo e ganhar produtividade 1
Como gerir o seu tempo e ganhar produtividade 1Como gerir o seu tempo e ganhar produtividade 1
Como gerir o seu tempo e ganhar produtividade 1
 
Iva liquidado pelo adquirente
Iva liquidado pelo adquirenteIva liquidado pelo adquirente
Iva liquidado pelo adquirente
 
10 passosreuniões
10 passosreuniões10 passosreuniões
10 passosreuniões
 

XHTML: introdução à linguagem e conversão de HTML

  • 2. Índice 1. Definição 2. Principais diferenças com o HTML 3. Caraterísticas 4. Conversão
  • 3. 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
  • 4. 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
  • 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 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>
  • 7. 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>
  • 8. 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>
  • 9. Caraterísticas XHTML Atributo nomes devem estar em Minúscula Isso é errado: <table WIDTH="100%"> Isto está correto: <table width="100%">
  • 10. 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