Post on 09-Aug-2015
XHTML1 AULA
Índice1. 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 HTMLEstrutura 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ísticasXHTML 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ísticasXHTML 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ísticasXHTML 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ísticasXHTML Atributo nomes devem estar em Minúscula
Isso é errado: <table WIDTH="100%">
Isto está correto: <table width="100%">
Como converter de HTML para XHTML1. 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