XHTML: codificação da Web para design refinado

• Pode 4, 2024

XHTML 1.0 e 1.1 representam EXtensível HyperText Markup euangústia e representam um salto gigantesco em relação ao HTML 4.0. Eles combinam o melhor do HTML 4.0 com XML para fornecer ao designer um esquema de codificação mais sofisticado para um design da Web mais refinado e decisivo.

O W3C, pai de todas as linguagens HTML, descreveu o XHTML 1.0 como "a primeira grande mudança no HTML desde que o HTML 4.0 foi lançado em 1997. Ele traz o rigor do XML para as páginas da Web e é a pedra angular no trabalho do W3C para criar padrões que fornecem páginas da Web mais ricas em uma gama cada vez maior de plataformas de navegadores, incluindo telefones celulares, televisões, carros, comunicadores sem fio do tamanho de uma carteira, quiosques e desktops. "

Variações XHTML

Três tipos distintos de XHTML estão disponíveis para atender às necessidades de todos os web designers. Isso inclui XHTML estrito, transitório e frameset.

XHTML 1.0 Strict - a forma mais pura para web designers experientes. Esta versão permite criar um código limpo, sem a necessidade de inserir código de layout (fonte, cor, layout) em todo o documento. Em vez disso, você incorpora o código CSS (Cascading Style Sheet) no início.

XHTML 1.0 Transitional - um meio do formato do código da estrada para ajudar os designers que precisam de tempo para aprender esse novo meio de codificação ou desejam acomodar espectadores que ainda usam navegadores da web mais antigos. Folhas de estilo são usadas, mas também é incorporado um bom código HTML antigo. Por exemplo, a tag body ainda inclui os atributos bgcolor, text, links, vlinks.

Conjunto de quadros XHTML 1.0 - essa variação é auto-explicativa - você a utiliza quando deseja incorporar XHTML em um documento baseado em quadro.

Ainda outra versão mais avançada, XHTML 1.1 permite que o código modular seja adicionado para necessidades internacionais e outras necessidades especiais de codificação. Os módulos RUBY são incorporados para facilitar essa codificação extra. A única mudança mais significativa no XHTML 1.1 é o desacoplamento dos dados da apresentação. A formatação não é mais incorporada aos dados e só pode ser obtida com referência a CSS (Cascading Style Sheets). Isso deixa os dados disponíveis para fácil análise e reutilização por uma ampla variedade de novos produtos que não são de desktop e aplicativos de acessibilidade.

Arrumando seu HTML

Atualmente, Dave Raggett e Source Forge, do W3C, oferecem um ótimo utilitário de código aberto, o HTML Tidy para designers que desejam converter seus documentos HTML atuais em XHTML (e organizar seu código no processo). Essa ferramenta útil ajudará seu código a brilhar executando todas estas tarefas úteis:

• Tags finais ausentes ou incompatíveis são detectadas e corrigidas


• As tags finais na ordem errada são corrigidas


• Corrige problemas com ênfase no cabeçalho


• Recupera de tags confusas


• Adicionando a barra ausente nas tags finais para âncoras


• Aperfeiçoando listas colocando tags ausentes


• Citações ausentes em torno dos valores de atributo são adicionadas


• Atributos desconhecidos / proprietários são relatados


• Elementos proprietários são reconhecidos e relatados como tais


• Tags com falta de colchete são identificadas


• Substitui o código de layout em excesso por propriedades e regras de estilo usando CSS


• Exclui parágrafos vazios e elementos de cabeçalho

The Nitty Gritties

Uma das "regras" principais ao usar XHTML é que o código deve estar limpo e completo.

• Todos os elementos devem ter tags de fechamento e aninhar corretamente.


• Todas as tags devem ser escritas em letras minúsculas - o XML diferencia maiúsculas de minúsculas.


• As tags finais devem ser incluídas para TODOS elementos


• Todos os atributos devem estar entre aspas, por exemplo. largura, colspan, rowpan


• Elementos vazios devem ter uma tag final

Uma mãozinha

Sentindo-se impressionado com a aprendizagem de outro formato HTML? A ajuda está à mão, se sim. O XStandard é um editor de código WYSIWYG que ajuda a escrever código XHTML puro e limpo em XHTML 1.0 Strict 1.0 ou XHTML 1.1. Os criadores descrevem este software como: "o editor WYSIWYG mais avançado e baseado em padrões do mercado. É ideal para qualquer sistema de gerenciamento de conteúdo baseado em Windows ou navegador que suporte ActiveX. O XStandard gerencia conteúdo rico em qualquer idioma, possui fortes recursos de acessibilidade , e suporta opções populares de edição, incluindo tabelas, quebra de texto em torno de imagens e arrastar e soltar arquivos no editor ". O software vem em uma versão gratuita do XStandard Lite e uma versão mais versátil do XStandard Pro.

Se você deseja que seu site funcione bem nos navegadores de hoje e em dispositivos não tradicionais, e continue funcionando amanhã, é uma boa ideia criar novos sites em XHTML e converter páginas antigas em XHTML conforme sua programação de trabalho permitir. Claro, este não é o fim! O trabalho já está sendo feito para criar o XHTML 2.0. O movimento é focar apenas na estrutura, não na compatibilidade com versões anteriores. Você pode ler sobre essa nova forma de XHTML no site da IBM em seu artigo, O futuro da Web: XHTML 2.0.

Artigo HTML Highlight Series

PARTE 1: Um designer credível deve saber HTML?
PARTE 2: HTML 3.2 - O nascimento de Wilbur
PARTE 3: HTML 4.0 e 4.01 - mais uma coisa boa!
PARTE 4: XHTML: codificação da Web para design refinado
PARTE 5: DHTML: codificação dinâmica da Web