Tutorial Básico de HTML

Mídia HTML

Manual de referência HTML

HTML5 Tutorial Básico

HTML5 API

HTML5 Mídia

Reprodução de Vídeo HTML Resumo HTML

Introdução ao XHTML

O XHTML é HTML escrito no formato XML

O que é XHTML?

O XHTML significa Linguagem de Marcação Hipertexto Extensível
XHTML e HTML 4.01 praticamente idêntico
O XHTML é uma versão do HTML mais rigorosa e mais pura
O XHTML é definido como HTML aplicado ao XML
O XHTML é 2001 ano 1 W lançado no mês3C Recomendação de padrão
O XHTML é suportado por todos os navegadores populares

Por que usar XHTML?

Muitas páginas na Internet contêm HTML 'ruim'.

Se você visualizar no navegador, o código HTML abaixo é executado perfeitamente (mesmo que não siga as regras do HTML):

<html>
<head>
<meta charset="utf-8">
<title>Este é um HTML não padronizado</title>
<body>
<h1>HTML não padronizado
<p>Este é um parágrafo
</body>

O XML é uma linguagem de marcação que deve ser marcada corretamente e formatada corretamente.

Hoje, no mundo da tecnologia, existem várias tecnologias de navegadores diferentes. Alguns deles são executados no computador, enquanto outros podem ser executados em telefones celulares ou em pequenos dispositivos. Os pequenos dispositivos geralmente faltam recursos e capacidade para interpretar a má linguagem de marcação.

Portanto - Ao combinar os pontos fortes do XML e do HTML, foi desenvolvido o XHTML. O XHTML é o HTML redesenhado como XML.

A principal diferença em comparação com o HTML:

estrutura do documento

O DOCTYPE do XHTML éobrigatório
A propriedade XML namespace do <html> éobrigatório
também são <html>, <head>, <title> e <body>obrigatório

sintaxe de elemento

Os elementos do XHTML devemempilhar corretamente
Os elementos do XHTML devem semprefechar
Os elementos do XHTML devemem minúsculas
O documento XHTML deve terum elemento raiz

sintaxe de atributo

Os atributos do XHTML devem usarem minúsculas
Os valores dos atributos do XHTML devem ser usadosenvolvido em aspas
A minimização de atributos do XHTML também éProibido

<!DOCTYPE ....> é obrigatório

O documento XHTML deve declarar o tipo de documento XHTML (DOCTYPE declaration).

Você pode encontrar a referência completa das tags no manual de referência de tags do tutorial básico: Tipo de documento XHTML.

Os elementos <html>, <head>, <title> e <body> também devem existir e devem usar a propriedade xmlns do <html> para definir o espaço de nomes XML do documento.

A seguinte exemplo mostra um documento XHTML com o menor número de tags 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>
　　<meta charset="utf-8">
　　<title>Título do documento</title>
</head>
　
<body>
Conteúdo do documento
</body>
　
</html>

Os elementos XHTML devem estar embutidos de forma razoável

Em HTML, alguns elementos podem não estar embutidos uns nos outros, assim:

<b><i>Texto em negrito e itálico</b></i>

Em XHTML, todos os elementos devem estar embutidos de forma razoável, assim:

<b><i>Texto em negrito e itálico</i></b>

Os elementos XHTML devem ter sinal de fechamento

Exemplo incorreto:

<p>Este é um parágrafo
<p>Este é outro parágrafo

Exemplo correto:

<p>Este é um parágrafo</p>
<p>Este é outro parágrafo</p>

Os elementos vazios devem conter o sinal de fechamento

Exemplo incorreto:

Quebra de linha:<br
Linha horizontal: <hr>
Imagem: <img src="happy.gif" alt="Face feliz">

Exemplo correto:

Quebra de linha:<br　/>
Linha horizontal: <hr　/>
Imagem: <img src="happy.gif" alt="Face feliz">　/>

Os elementos XHTML devem ser minúsculos

Exemplo incorreto:

<BODY>
<P>Este é um parágrafo</P>
</BODY>

Exemplo correto:

<body>
<p>Este é um parágrafo</p>
</body>

Os nomes das propriedades devem ser minúsculos

Exemplo incorreto:

<table WIDTH="100%">

Exemplo correto:

<table width="100%">

Os valores das propriedades devem estar entre aspas

Exemplo incorreto:

<table width=100%">

Exemplo correto:

<table width="100%">

Não é permitido abreviar atributos

Exemplo incorreto:

<input checked>
<input readonly>
<input disabled>
<option selected>

Exemplo correto:

<input checked="checked">
<input readonly="readonly">
<input disabled="disabled">
<option selected="selected">

Como converter HTML para XHTML

Adicionar um <!DOCTYPE> XHTML ao seu site
Adicionar a propriedade xmlns a cada elemento html da página.
Mudar todos os elementos para minúsculas
Fechar todos os elementos vazios
Mudar todos os nomes de atributo para minúsculas
Adicionar aspas a todos os valores de atributo

Usar W3Verificador C para testar seu XHTML

Reprodução de Vídeo HTML Resumo HTML