Html aula 9 - Conhecendo mais o Xhtml e Configurando uma página Xhtml

HTML 4.1 - Aula 9
Canal Effeccinco

Revisão da Aula Anterior
 Na ultima aula nós aprendemos:
 História do Html e Xhtml
 Definir qual versão do html para que o navegador processe a página de sem erros e mais
rápido.
 Como validar a sua página Html na W3C.
 Definir o idioma da sua página com a ISO ou o UTF-8

Conteúdo dessa Aula
 Nessa aula nós vamos falar sobre Xhtml, isso mesmo nós vamos falar o Extensible Html, um recurso
que foi criado com a junção do XML com o html, ele é mais robusto, mais enxuto é compatível com
mais dispositivos do que o html puro.
 Você sabia que acreditavasse que o Xhtml seria o substituto para o html, as coisas mudam né, hoje o
html 5.0 substituiu o Xhtml, conforme dito na aula anterior.
 Ei mas pera ai você sabe o que é realmente o XML?

XML
O XML é uma linguagem de marcação extensível, parecido com o html, porém com essa linguagem você pode
criar linguagens de marcação de texto, isso mesmo, você inventar novas palavras para substituir suas tags e
cada palavra realizar algo diferente. Legal né?
Com o xhtml, você deixa sua página mais atual do que com o html 4.1. Além de que com ele suas páginas
ficam mais acessíveis para pessoas com alguma deficiência visual. Já existem puglins para adicionar
fórmulas matemáticas, permite criar páginas para dispositivos móveis, permite as mesmas opções que o
html como o CSS, e é mais atual com mais recursos.
Você sabe como mudar os seus arquivos para o XHtml 1.0?

Definindo sua página como Xhtml
 Para definir sua página é muito simples, lembra aquele código que usamos para definir a versão do
html, isso mesmo, nós vamos fazer uma pequena alteração nele, olhe:
 <!DOCTYPE html public "//W3C//DTD// XHTML 1.0 STRICT//EN" "http://www.w3.prg/TR/xhtml1-strict.dtd">
 Só precisamos mudar o caminho da W3C para que ele saiba que é o Xhtml e definir que é um arquivo
Xhtml, muito simples né?

Vamos ter que reescrever toda nossas
páginas?
De forma alguma, lembra o Xhtml sabe as tags do html, então aquele código antigo ainda continua
valendo, mas agora tem um diferencial, nós podemos incluir nas nossa páginas muito mais recurso com
o xhtml, e isso é a vantagem de usar esse novo padrão.
Você só precisa arrumar mais uma configuração na abertura do seu html na página e pronto, estamos
apresentando a página em Xhtml, veja:
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml : lang="en">
Pronto a tag de fechamento do html continua a mesma.

Algumas pequenas mudanças
 No Xhtml, tags com fechamento vazio, aquelas que nós abrimos mas não escrevemos nenhum texto tais
como a quebra de linha <br/>, ou a tag <img />, agora obrigatoriamente vão ter que ter a “/” no seu
fechamento. Isso mesmo no Xhtml isso é obrigatório, mas como nós já fazíamos como boa prática no
html comum, isso não vai mudar em nada pra nós agora né?
 Outra coisa que você pode mudar é o tipo de arquivo para ou invés da sua página se chamar por
exemplo index.html poderia se chamar index.xhtml, porém não é aconselhável pois navegadores antigos
não abrem esse tipo de documento novo, mas atualmente com o avanço acredito que existam poucos
computadores no mundo que já não sejam capazes de abrir esse tipo de documento, então fica a seu
critério.
 O que é melhor o html 4.1 ou o Xhtml 1.0, você é quem decide você pode fazer coisas incríveis com o
html, mas se um dia surgir a necessidade de algo que só tem no xhtml você pode migrar seguindo esses
passos da aula de hoje, vocês viram que é bem simples, mas como agora já existe o html 5.0 a
tendência é que o xhtml deixe de ser usado pois tudo que tinha nele já existe nessa nova linguagem, e
ainda existem novos recursos fantásticos.

Quer saber mais sobre html?
 Quer ver na prática como funciona esse conteúdo , assista a essa vídeo aula no
youtube:
 https://www.youtube.com/watch?v=jh39SYZtj9Q
 Quer aulas sobre HTML, veja nosso Canal no Youtube, nos assista, curta e
compartilhe:
 https://www.youtube.com/channel/UC7FWW7I5ZW5T9V7dQnEtD7A/feed
 Acesse o nosso Blog, e confira matérias mais completas.
 www.effeccinco.wix.com/effeccinco

Referências
 Livro: Use a Cabeça HTML, CSS e XHTML, 2º
Edição, Editora Alta Books, Elisabeth Freeman &
Eric Freeman. Capítulo 1 – Comece a entender o
HTML.
 SHARMA, Vivek. SHARMA, Rajiv. Desenvolvendo
Sites de e-Commerce. São Paulo: Makron Books,
2001, 598 p.

Html aula 9 - Conhecendo mais o Xhtml e Configurando uma página Xhtml

Recommended

Recommended

More Related Content

More from Erick L. F.

More from Erick L. F. (20)

Html aula 9 - Conhecendo mais o Xhtml e Configurando uma página Xhtml