A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

Profº Cláudio Barbosa XHTML – Introdução  XHTML (eXtensible HyperText Markup Language) – linguagem baseada na XML para.

Apresentações semelhantes


Apresentação em tema: "Profº Cláudio Barbosa XHTML – Introdução  XHTML (eXtensible HyperText Markup Language) – linguagem baseada na XML para."— Transcrição da apresentação:

1 Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br) XHTML – Introdução  XHTML (eXtensible HyperText Markup Language) – linguagem baseada na XML para sucessão do HTML 4.01.  XML (eXtensible Markup Language) – linguagem que permite a definição de elementos, atributos e valores para linguagens de marcação personalizadas.  Um documento XHTML é um documento XML.  Possui os mesmos 90 elementos do HTML 4.01.  Poucas diferenças entre o XHTML e o HTML.

2 Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br) XHTML – Introdução  O XHTML é menos tolerante do que o HTML por causa das regras rígidas do XML.  XHTML 1.0 – recomendado em janeiro de 2000 pelo W3C. Possui três classificações diferentes: XHTML Transitional XHTML Strict XHTML Frameset  XHTML 1.1 – recomendado pelo W3C em maio de 2001. Foi dividida em módulos que tratam de elementos distintos. Dispositivos de exibição oferecem suporte somente aos módulos de interesse.

3 Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br) XHTML – Introdução  XHTML Transitional – transição entre o HTML e o XHTML Strict. Permite a utilização de todos os elementos do HTML 4.01, possibilitando a compatibilidade com navegadores antigos.  XHTML Strict – não inclui os elementos de formatação do HTML 4.01. Base para a XHTML 1.1 e XHTML 2.0.  XHTML Frameset – deve ser usada quando se quer trabalhar com frames. Inclui todos os elementos da HTML 4.01.

4 Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br) XHTML – Introdução  Elementos de um documento XHTML Declaração XML – deve aparecer na primeira linha do documento XHTML, indicando a versão utilizada. Exemplo: DTD (Document Type Definition) – define os elementos, atributos e entidades que fazem parte de um documento XML e como eles devem ser utilizados. Todo documento XHTML deve indicar uma DTD. A declaração DOCTYPE define a DTD.

5 Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br) XHTML – Introdução  XHTML Transitional <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  XHTML Strict <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  XHTML Frameset <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

6 Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br) XHTML – Introdução  Namespace – utilizado para evitar ambiguidades que podem ser causadas pela definição de duas ou mais DTD’s em um mesmo documento XML.  Deve ser definido nos documentos XHTML através do atributo xmlns, dentro da tag de abertura html.

7 Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br) XHTML – Introdução  Documentos XHTML – documentos texto salvos com a extensão.html. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Página em XHTML Curriculum Vitae Dados pessoais

8 Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br) XHTML – Regras XML  Utilizar letras minúsculas nos nomes dos elementos e atributos. Errado XHTML Certo XHTML  Fechar tags na ordem inversa de abertura Errado Texto em negrito Certo Texto em negrito

9 Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br) XHTML – Regras XML  Elementos não vazios devem ter tags de abertura e fechamento Errado Título da página Certo Título da página  Fechar elementos vazios com uma barra antes do > Errado Certo

10 Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br) XHTML – Regras XML  Valores de atributos entre aspas ou apóstrofos Errado Certo  Atributos com valor único não podem ser minimizados Errado Certo

11 Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br) XHTML – Conversão do HTML  Conversão manual Inclusão da declaração XML Inclusão da declaração DOCTYPE Inclusão do namespace XHTML na tag Incluir tags de fechamento para elementos não vazios Incluir espaço e barra (/) nos elementos vazios  Ex.: Elementos e atributos com minúsculas Aspas ou apóstrofos nos valores dos atributos

12 Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br) XHTML – Conversão do HTML  Conversão automática Utilização de softwares para conversão automática, como o HTML Tidy, que está disponível em três opções:  DOS (www.w3.org/People/Raggett/tidy/)  Int. gráfica (http://perso.wanadoo.fr/ablavier/TidyGUI/)  On-line (http://cgi.w3.org/cgi-bin/tidy/) DOS – conversão através do prompt de comandos tidy –asxml –m nomedoarquivo  -asxml indica que o arquivo deve ser convertido para xhtml  -m indica que o arquivo atual deve ser substituído pelo xhtml

13 Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br) XHTML – Conversão do HTML  Conversão automática Interface Gráfica – interface Windows. O software deve ser baixado e instalado na máquina. Converte arquivos locais. On-line – o endereço da página a ser convertida deve ser informado no campo de texto. O resultado é visualizado clicando no botão “get tidy results”.

14 Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br) XHTML – Compatibilidade  Compatibilidade com navegadores antigos omitir declaração XML incluir espaço em branco antes da barra nos elementos vazios Ex.: nunca por elementos não vazios na forma minimizada salvar scripts e folhas de estilo em arquivos externos evitar quebrar linhas ou vários espaços em branco dentro de tags atributos booleanos não são interpretados na forma exigida pelo XML o caractere & deve ser substituído por & nos valores de atributos


Carregar ppt "Profº Cláudio Barbosa XHTML – Introdução  XHTML (eXtensible HyperText Markup Language) – linguagem baseada na XML para."

Apresentações semelhantes


Anúncios Google