Curso sobre HTML - Aula 9 - Nessa aula nós vamos falar um pouco mais sobre Xhtml, como ele substitui o html, como criar uma página Xhtml para o seu site, diferenças entre html e xhtml, definindo um página xhtml com o !doctype, definindo o xhtml na tag html, decidindo quando usar esse padrão.
2. 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
3. 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?
4. 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?
5. 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é?
6. 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.
7. 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.
8. 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
9. 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.