Introdução ao XHTML
sábado, 2 de fevereiro de 2008
O XHTML (eXtensible HyperText Markup Language) é uma linguagem de marcação baseada no HTML, projetada para combinar a simplicidade e funcionalidade do HTML com a estrutura e a robustez do XML (eXtensible Markup Language). Ele foi desenvolvido pelo W3C (World Wide Web Consortium) como uma evolução do HTML 4.01, com o objetivo de tornar os documentos da web mais consistentes e compatíveis com diferentes plataformas e dispositivos.
Por que o XHTML foi criado?
O HTML tem uma sintaxe flexível, mas essa permissividade muitas vezes resulta em códigos malformados que podem ser interpretados de maneiras diferentes por navegadores distintos. Por outro lado, o XML exige uma estrutura rigorosa e bem-formada. O XHTML foi introduzido para trazer essa rigidez do XML para a web, garantindo que os documentos sejam mais fáceis de processar por máquinas e ferramentas.
Diferenças principais entre HTML e XHTML
Aqui estão algumas diferenças fundamentais:
Sintaxe Bem-Formada
No XHTML, todos os elementos devem ser bem-formatados, o que significa:
- Todas as tags abertas devem ser fechadas.
- Os nomes de tags e atributos devem ser escritos em letras minúsculas.
- Os atributos devem sempre ter valores delimitados por aspas.
Exemplo em HTML:
<html>
<head>
<title>Exemplo em HTML</title>
</head>
<body>
<img src="imagem.jpg">
</body>
</html>Exemplo equivalente em XHTML:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Exemplo em XHTML</title>
</head>
<body>
<img src="imagem.jpg" alt="" />
</body>
</html>No XHTML, a tag <img> precisa ser encerrada com uma barra (/>), e o atributo alt é obrigatório.
Declaração do Namespace
Os documentos XHTML devem incluir um namespace para indicar que seguem a especificação XML.
Exemplo:
<html xmlns="http://www.w3.org/1999/xhtml">No HTML, essa declaração é desnecessária.
Diferenciação entre Maiúsculas e Minúsculas
Os nomes de tags e atributos no XHTML são case-sensitive, o que significa que <BODY> e <body> são considerados diferentes. Em HTML, não há essa diferença.
Elementos Vazios
No XHTML, elementos vazios devem ser explicitamente fechados. Por exemplo:
<br> <!-- É válido em HTML mas inválido em XHTML -->
<br /> <!-- É válido em XHTML -->Documentos devem ser bem-formatados
Arquivos XHTML devem ser bem-formados para serem considerados válidos. Isso significa que devem seguir as regras do XML, como a correta aninhagem de tags. Exemplo:
<b><i>Texto em negrito e itálico</b></i> <!-- XHTML inválido -->
<b><i>Texto em negrito e itálico</i></b> <!-- XHTML válido -->
<span><div>Tag de bloco dentro de tag inline</div></span> <!-- XHTML inválido -->
<div><span>Tag inline dentro de tag de bloco</span></div> <!-- XHTML válido -->Vantagens do XHTML
- Consistência: Força os desenvolvedores a criarem códigos limpos e bem-organizados.
- Compatibilidade com XML: Permite que documentos da web sejam manipulados por ferramentas baseadas em XML.
- Interoperabilidade: Facilita o suporte em diferentes dispositivos, como navegadores móveis e leitores de tela.
Desvantagens do XHTML
- Maior Rigor: A exigência de conformidade estrita pode ser vista como um obstáculo para iniciantes.
- Tolerância Zero a Erros: Pequenos erros na sintaxe podem fazer com que o documento não seja renderizado corretamente.
Estou de olho em você!!!
Vote na minha HomePage
|
|
|
|
Copyright © 2007 - 2008 Victor Ferreira |
