HTML HardCore Parte 2 - XHTML

Bacharel em Ciência da Computação (UFG)
Especializando em Gestão de TI (Instituto AVM)
Analista de Sistemas – SIGMA / MDIC
Professor Formador EAD – NEAD/ETEB
george@georgemendonca.com.br
http://www.georgemendonca.com.br
XHTML

– XHTML é uma recomendação do W3C, sendo este uma
evolução do HTML. O HTML, como uma linguagem de
marcação, foi concebido por padrões antigos de
metalinguagens como SGML (Standard Generalized
Markup Language) e GML (Generalized Markup
Language).
– Após muitos anos de utilização houve então a necessidade
de aprimorar o HTML de tal forma que possibilitasse maior
acessibilidade, navegabilidade, agilidade e conformidade
(padronização) para que os documentos se tornassem
apropriados para interagir facilmente entre diferentes
ambientes, dispositivos e softwares.13/02/2011 2
XHTML

– Tal evolução foi viabilizada pelo W3C através da linguagem
XML.
– Se você é um desenvolvedor web que se preocupa com
qualidade e quer se preparar para o futuro do
desenvolvimento de aplicativos para Internet, chegou a
hora de conhecer e se aprofundar no neste conceito.
13/02/2011 3
XHTML

• XML (eXtensible Markup Language ou Linguagem
Extensível para Marcação)
– Concebida como um meio de recuperar o poder e a
flexibilidade do SGML sem a sua complexidade.
– Apesar de ser uma forma restrita de SGML, XML preserva a
maior parte do poder e da riqueza do SGML.
– Ou seja, é uma linguagem para criar linguagens de
marcação de forma simples e fácil.
13/02/2011 4
XHTML

• XHTML é uma reformulação do HTML 4.1 como aplicação
XML 1.0
– Sua sigla significa eXtensible Hypertext Markup Language ou
em português Linguagem Extensível para Marcação de
Hipertexto.
– Praticamente idêntico ao HTML 4.01.
– Porém é uma versão mais rigorosa e limpa do HTML,
seguindo as propriedades e características do XML.
13/02/2011 5
XHTML

• XHTML é uma reformulação do HTML 4.1 como aplicação
XML 1.0
– Sua versão atual é o XHTML 1.0.
– De fato esta especificação nada mais é do que um documento
HTML definido como um aplicativo XML.
– É uma recomendação da W3C desde 26 de janeiro de 2000.
13/02/2011 6
XHTML

• Por que a necessidade de XHTML?
– Projetistas, desenvolvedores e designers estão
constantemente construindo novas maneiras de expressar
idéias, muitas vezes através de uma nova marcação.
– Em XML, é relativamente fácil de introduzir novos elementos
ou atributos como elemento adicional.
– A família XHTML é projetada para acomodar estas extensões
dentro dos módulos XHTML, assim como técnicas para
desenvolver novos módulos em conformidade com XHTML.
13/02/2011 7
XHTML

• Vantagens
– É de fato a linguagem Web do futuro;
– Seu código é padronizado e limpo, sendo de fácil correção de
bugs;
– São documentos em conformidade com XML, possibilitando
fácil leitura, visualização, edição e validação com ferramentas
XML diversas;
13/02/2011 8
XHTML

• Vantagens
– Devido às suas características citadas, sua interpretação e
carregamento são rápidos;
– Por seguir tais padrões é mais acessível e portátil;
– Compatível com os documentos HTML atuais e ultrapassados,
assim com as futuras aplicações da Web.
13/02/2011 9
XHTML

• Diferenças com HTML
– As tags devem ser escritas em letras minúsculas;
– As tags devem estar convenientemente aninhadas;
– Os documentos devem ser bem formados;
– O uso de tags de fechamento é obrigatório;
– Todos os elementos devem ser fechados;
– Os valores dos atributos devem estar entre aspas;
– Mais detalhes veja em XHTML 1.0 - Diferenças para o HTML 4 (em
português)13/02/2011 10
XHTML

• Definição de Tipo de Documento (DTD)
– Descreve com precisão a sintaxe e a gramática da linguagem
de marcação XHTML
– O elemento raiz <html>
• O elemento raiz do documento deve conter uma declaração xmlns
para o namespace XHTML (XMLNS). O namespace para XHTML é
definido pelo valor:
13/02/2011 11
XHTML
http://www.w3.org/1999/xhtml

– Um exemplo de elemento raiz válido seria:
– Antes de o elemento de raiz deve haver uma declaração
DOCTYPE no documento.
– O propósito de uma DTD (Document Type Definition) é definir
os blocos de construção válidos de um documento XML.
13/02/2011 12
XHTML
<html xmlns="http://www.w3.org/1999/xhtml">

– Um DTD define a estrutura do documento como uma lista de
elementos válidos e seus atributos.
– Veremos a seguir os tipos de documentos válidos:
13/02/2011 13
XHTML

– A DTD XHTML 1.0 Strict:
• Idêntico ao HTML 4.1 Strict, porém seguindo a sintaxe do XML.
• Inclui todos os elementos e atributos que não foram
depreciados ou que não aparecem nos documentos contendo
conjuntos de molduras ("framesets").
• Para os documentos que usem este tipo de DTD, utilize esta
declaração do tipo de documento:
XHTML
13/02/2011 14
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

– A DTD XHTML 1.0 Transitional:
• Idêntico ao HTML 4.1 Transitional, porém seguindo a sintaxe do XML.
• Inclui todos os pormenores da DTD Estrita mais os elementos e
atributos depreciados (a maioria dos quais se relacionam com a
apresentação visual de um documento).
• Para os documentos que se sirvam desta DTD, utilize esta declaração
do tipo de documento:
XHTML
13/02/2011 15
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

– A DTD XHTML 1.0 Frameset:
• Idêntico ao HTML 4.1 Frameset, porém seguindo a sintaxe do XML.
• Inclui tudo aquilo que a DTD Transitiva inclui mais o conjunto de
molduras ou "frames".
• Para os documentos que usem este tipo de DTD, utilize esta
declaração do tipo de documento:
XHTML
13/02/2011 16
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

• Apresentando uma estrutura básica de uma DTD
XHTML 1.0 Strict
XHTML
13/02/2011 17
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<title>Aprendendo HTML</title>
</head>
<body>
<p>O HTML é fundamental no desenvolvimento Web!</p>
</body>
</html>
Abre o documento
Abre cabeçalho do documento
Titulo do documento
Fecha cabeçalho do documento
Inicia o corpo do documento
Fecha o corpo do documento
Fecha o documento Parágrafo com texto
Declaração XHTML 1.0 Scrict
Definindo o tipo do
documento

• Declaração XML
– A declaração XML não é obrigatória em documentos XML,
mas o W3C recomenda que os autores de documentos
XHTML usem a declaração XML nos seus documentos.
– Esta declaração é obrigatória caso a codificação de
caracteres for diferente da codificação default UTF-8 ou
UTF-16 e nenhuma outra for detectada.
– A declaração XML é uma boa prática para a identificação
da versão do documento XML em uso.
– A seguir o exemplo anterior com a declaração XML:
XHTML
13/02/2011 18

• Declaração XML
XHTML
13/02/2011 19
<?xml version="1.0" encoding="UTF-8"?>
<head>
<title>Aprendendo HTML</title>
</head>
<body>
<p>O HTML é fundamental no desenvolvimento Web!</p>
</body>
</html>

• Referências e leituras complementares recomendadas
– http://pt.wikipedia.org/wiki/XHTML
– Tutorial XHTML
– W3Schools
– XHTML.ORG
– HTML 4.01 Specification
– XHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition)
– XHTML™ 1.0 The Extensible HyperText Markup Language (Segunda Edição)
– XHTML2 Working Group Home Page
– http://validator.w3.org/
13/02/2011 20
XHTML

HTML HardCore Parte 2 - XHTML

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie HTML HardCore Parte 2 - XHTML

Ähnlich wie HTML HardCore Parte 2 - XHTML (20)

Mehr von George Mendonça

Mehr von George Mendonça (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

HTML HardCore Parte 2 - XHTML