HTML versus XHTML

Neste artigo, examinaremos HTML XHTML. Uma versão mais rigorosa do HTML , conhecida como XHTML , é baseada em XML e usa muito mais tags e elementos XML.

O que é XHTML?

  1. É um acrônimo para Extensible HyperText Markup Language.
  2. A especificação XHTML é uma versão mais estrita de HTML baseada em XML
  3. HTML é definido como um aplicativo XML em XHTML
  4. Todos os principais navegadores suportam XHTML
Índice-

Por que XHTML?

Documentos em XML devem ser adequadamente marcados (ser “bem formados”).

Um navegador também exibirá o site mesmo com erros na marcação HTML quando tiver erros no HTML. Em outras palavras, o XHTML possui um sistema de tratamento de erros muito mais rígido.

Ele foi desenvolvido para tornar o HTML mais extensível e flexível (para que pudesse ser usado em conjunto com o XML, por exemplo).

O que torna o HTML diferente do XHTML.

  1. <!DOCTYPE> deve ser especificado.
  2. O HTML deve conter o atributo xmlns.
  3. <html> , <head> , <title> e <body> devem ser incluídos.
  4. Elementos minúsculos são sempre obrigatórios .
  5. Letras minúsculas são necessárias para todos os nomes de atributo .
  6. Cite todos os valores de atributo .
  7. Não há espaço para minimização de atributos .
  8. Um elemento aninhado corretamente é sempre necessário.
  9. Certifique-se de que todos os elementos estejam fechados .

XHTML – <!DOCTYPE ….> É obrigatório

Para ser considerado HTML XHTML , o documento deve ter uma declaração XHTML <DOCTYPE>.

Um documento também deve conter as tags <html> , <head> , <title> e <body> e o atributo xmlns no HTML deve especificar o namespace xml.

Este documento XHTML contém o mínimo necessário de tags:

Example

1
2
3
4
5
6
7
<!DOCTYPE html>
<html xmlns="http://mrexamples.com/1999/xhtml">
<head><title>Title of example document</title>
</head>
<body>some content here…</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Elementos XHTML devem ser aninhados corretamente

O seguinte é um exemplo de aninhamento adequado de elementos em XHTML quando se trata de HTML XHTML :

  Correct Syntax

1
2
3
4
<!DOCTYPE html>
<html><body><br><br><br><b><br><i>Keep eye on opening and closing tags</i><br></b><br><br>
</body></html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

 

Sintaxe Errada

<!DOCTYPE html >
<html><body><b><i>Fique de olho nas tags de abertura e fechamento</i></b></body></html>
Executar

Os elementos XHTML devem estar sempre fechados

Um elemento fechado em XHTML deve se parecer com isto:

  Accurate

1
2
3
4
<!DOCTYPE html>
<html><body><br><br><br><p>This is a paragraph with closing tag.</p><br><p>This is another paragraph with closing tag.</p><br><br>
</body></html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

  Inaccurate

1
2
3
4
<!DOCTYPE html>
<html><body><br><br><br><p>This is a paragraph without closing tag.<br></p><br><p>This is another paragraph without closing tag.</p><br><br>
</body></html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Elementos XHTML Vazios Devem Sempre Ser Fechados

Quando falamos em HTML XHTML então, o XHTML exige que os elementos vazios sejam fechados, conforme a seguir:

  Correct Way

1
2
3
4
<!DOCTYPE html>
<html><body><br><br><br><p>A break line: <br>A horizontal rule: </p><br><hr><br>An image src: <img src="https://mrexamples.com/wp-content/uploads/html_images/sad.gif" alt="Sad face">
</body></html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

  Wrong Way

1
2
3
4
<!DOCTYPE html>
<html><body><br><br><br><p>A break line: <br>A horizontal rule: </p><hr><br>An image: <img src="https://mrexamples.com/wp-content/uploads/html_images/sad.gif" alt="Sad face"><br>
</body></html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Letras minúsculas são necessárias para XHTML

É sempre necessário usar nomes em letras minúsculas para nomes de elementos em XHTML, conforme mostrado aqui:

  Correct Syntax

1
2
3
4
<!DOCTYPE html>
<html><body><br><br><br><p>All tags are in small letters</p><br><br>
</body></html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

  Wrong Syntax

1
2
3
4
<!DOCTYPE html>
<html><body><br><br><br><p>All tags are in capital letters</p><br><br>
</body></html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Os nomes dos atributos devem estar em letras minúsculas em XHTML

É obrigatório escrever sempre os nomes dos atributos em letras minúsculas em XHTML, como este:

  Correct Syntax

1
2
3
4
<!DOCTYPE html>
<html><body><br><br><br><a href="https://mrexamples.com/html/">Attibute href is in small letter's.</a><br><br><br>
</body></html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

  Wrong Syntax

1
2
3
4
<!DOCTYPE html>
<html><body><br><br><a href="https://mrexamples.com/html/"><br>Attibute href is in capital letter's.</a><br><br>
</body></html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Cite todos os valores de atributo XHTML

Para usar XHTML , os valores de atributos devem ser citados da seguinte maneira, já que se trata de HTML XHTML :

  Correct Method

1
2
3
4
<!DOCTYPE html>
<html><body><br><br><br><a href="https://mrexamples.com/html/">Mr example link is inside quotation marks</a><br><br>
</body></html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

  Wrong Method

1
2
3
4
<!DOCTYPE html>
<html><body><br><a href="https://mrexamples.com/html/">Mr example link without quotation marks</a><br>
</body></html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Minimização de atributos em XHTML

Os seguintes atributos não podem ser minimizados em XHTML:

  Correct Syntax

1
2
3
4
<!DOCTYPE html>
<html><body><br><br><br><input type="checkbox" name="electric" value="car" checked><br><input type="text" name="lastname" disabled><br>
</body></html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Example:  Incorrect Syntax

1
2
3
4
<!DOCTYPE html>
<html><body><br><br><br><input type="checkbox" name="Electric" value="car" checked><br><input type="text" name="lastname" disabled><br>
</body></html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Vantagens de XHTML versus HTML

XHTML (Extensible Hypertext Markup Language) e HTML (Hypertext Markup Language) são linguagens de marcação usadas para criar páginas da web. XHTML é uma versão mais rígida e padronizada do HTML. Aqui estão algumas vantagens de XHTML sobre HTML:

  1. Boa formulação: os documentos XHTML devem ser bem formados, o que significa que seguem um conjunto estrito de regras de sintaxe e estrutura. Isso torna mais fácil escrever e manter páginas da web e ajuda a evitar erros.
  2. Consistência: como o XHTML é uma versão mais padronizada do HTML, ele fornece maior consistência em diferentes navegadores e dispositivos da Web. Isso significa que as páginas da Web parecerão mais consistentes em diferentes plataformas.
  3. Baseado em XML: XHTML é baseado no padrão XML (Extensible Markup Language), que permite maior flexibilidade e extensibilidade. Isso significa que os desenvolvedores da Web podem criar suas próprias tags e atributos personalizados.
  4. Compatibilidade: XHTML é compatível com HTML, o que significa que os documentos XHTML podem ser exibidos em navegadores da web que suportam HTML. Isso facilita a transição de HTML para XHTML.
  5. Acessibilidade: XHTML fornece melhor suporte para recursos de acessibilidade, como leitores de tela, do que HTML. Isso torna mais fácil para as pessoas com deficiência acessar o conteúdo da web.

Se este artigo de alguma forma atendeu aos seus requisitos educacionais, compartilhe essas informações valiosas com as pessoas ao seu redor clicando nos links abaixo.
Nós valorizamos o seu feedback.
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0
Assine a nossa newsletter
Digite seu e-mail para receber um resumo semanal de nossos melhores posts. Saber mais!
ícone
Ao assinar, você concorda com nossa política de privacidade e nossos termos de serviço.