Design para Web

3 XHTML

XHTML  De onde veio o XHTML? html para html - Documentação pouco amarrada. Estudo do xml, perfeita documentação para tratar informação. XHTML, uma Meta linguagem feita do XML

XHTML  Razões para usar XHTML: XHTML é o padrão de marcação atual, substituindo a HTML; utilização de regras de sintaxe mais precisas e rigorosas; criação de documentos mais consistentes; facilidade de manutenção; extensão do cliente Web além do navegador: PDAs, celulares e outros dispositivos móveis; iniciação dos desenvolvedores Web no ambiente XML.

XHTML  As tags… São estruturas de linguagem de marcação que consistem em breves instruções, tendo uma marca de início e outra de fim.linguagem de marcação... Ou

XHTML  XHTML Básico.. Seção.. (,.., ) Cabeçalho de texto.. Texto pré-formatado Nova linha.. Parágrafo.. Corpo.. Título.. Cabeçalho.. Documento Tag/AtributosElemento

XHTML  XHTML Básico.. Variável/Argumento de programa.. Saída de programa.. Entrada de programa.. Código de programa.. Citação.. Texto fortemente enfatizado.. Texto enfatizado Tag/AtributosElemento

XHTML  XHTML Básico - estruturação

XHTML  XHTML Básico - estruturação Interessante:

XHTML  XHTML Básico - estruturação Técnica de identação.

 Elementos obrigatórios em um documento XHTML Título do documento Conteúdo do documento

XHTML  Para que serve o DOCTYPE ? A XHTML permite que desenvolvedores criem diversos tipos diferentes de documentos, cada um definido por regras diferentes. As regras de cada tipo são detalhadas na Definição do Tipo de Documento (Document Type Definitions - DTD). Sua declaração DOCTYPE informa aos serviços de validação e aos navegadores modernos qual DTD foi utilizada para elaborar a marcação. Esta deve ser sempre a primeira declaração em um documento Web.

XHTML  Os tipos de DOCTYPE STRICT TRANSITIONAL FRAMESET

XHTML  Os tipos de DOCTYPE XHTML 1.0 Strict XHTML 1.0 Transitional XHTML 1.0 Frameset

XHTML  A declaração namespace A declaração DOCTYPE é imediatamente seguida por uma declaração de namespace em XHTML, associada ao elemento raiz html. Um namespace em XML é uma coleção de tipos de elementos e nomes de atributos associados a um DTD específico. A declaração namespace indica a sua localização.

XHTML  Declarando o tipo do conteúdo Para serem interpretados corretamente por navegadores e aprovados nos testes de validação de marcação, todos os documentos XHTML devem declarar o tipo de codificação de caractere que foi usado em sua criação (Unicode, ISO , etc). Existem duas formas de fazer isso: version="1.0" encoding="iso ">

Mandamentos XHTML  XHTML 1.todas as tags devem ser escritas em letras minúsculas; 2.o tratamento dos atributos; 3.o uso de tags de fechamento é obrigatório; 4.as tags vazias devem ser fechadas; 5.as tags devem estar convenientemente aninhadas; 6.o tratamento dos comentários.

1.Escreverás todas as tags em letras minúsculas Errado: Aqui um texto Certo: Aqui um texto Mandamentos XHTML

2. Tratarás os atributos: nomes de atributos. Errado:... Certo:... Mandamentos XHTML

valores de atributos. Errado:... Certo:... Mandamentos XHTML

sintaxe dos atributos. Errado: Certo: Mandamentos XHTML

os atributos id e name. Errado: Certo: Ou: <img src="imagem.gif" id="minha_imagem“ name="minha_imagem" /> Mandamentos XHTML

o atributo alt para imagens. Certo: Ou: Mandamentos XHTML

3. O uso de tags de fechamento é obrigatório. Errado: Um parágrafo. Outro parágrafo. Certo: Um parágrafo. Outro parágrafo. Mandamentos XHTML

4. As tags vazias devem ser fechadas. Errado: Elementos vazios sem terminação Certo: Elementos vazios com terminação Mandamentos XHTML

5. As tags devem estar convenientemente aninhadas. Errado: Aqui um texto itálico Certo: Aqui um texto itálico Mandamentos XHTML

6. O tratamento dos comentários. Errado: código XHTML do menu Certo: código XHTML do menu Mandamentos XHTML

6. O tratamento dos comentários. Errado: código XHTML do menu Certo: código XHTML do menu Mandamentos XHTML

" =" XHTML : Testando os elementos Hn O autor do documento. Questões de copyright Importantíssimo: palavras chave para o motor de busca do Google e Yahoo. Descrição do conteúdo da página Nivel 1 Nivel 2 Nivel 3 Nivel 4 Nivel 5 Nivel 6 Exemplo - XHTML

XHTML  XHTML Básico Exercícios... O uso das regras básicas do XHTML Utilizando as Tags básicas dos documento XHTML, criar uma página de apresentação de um produto. Como se fosse um anuncio para venda. Pode utilizar as tag´s básicas ou as demais tags apresentadas na apostila. Conter o máximo de elementos XHTML e apresentar de forma atraente e ordenada

Web Semântica  Exemplo prático Diferenças visuais - Existe? Diferenças no código - Existe? Quais? Quantidade de Kbs - Existe diferença? Quantidade de Caractere - Existe diferença?

 Exercício desafio: Jogo dos 10 erros: Verificador de erros: Web Semântica