Carregando...

HTML XHTML

Antes, SSE ensinou a abrir EventSource e receber um fluxo de texto unidirecional do servidor — atualizações em direto, não história de sintaxe. Esta lição deixa streams e fecha a pista histórica opcional com XHTML: HTML sob regras XML. Âmbito prático — o que era mais estrito, o que o HTML5 mudou, que hábitos ajudam — sem esquemas XML.

Por que XHTML num curso HTML

Principiantes veem «XHTML Strict» e pensam que têm de reescrever cada página. Não — HTML5 é o alvo habitual. O rigor antigo explica minúsculas, aspas e
. Após o push do servidor, a divisão aqui é regras e história da marcação, não APIs em tempo real.

Resposta direta

1) XHTML = HTML como XML. 2) Hábitos clássicos: minúsculas, atributos entre aspas, vazios explícitos. 3) Moderno: HTML5 com <!DOCTYPE html>. 4) Marcação limpa ainda importa. 5) Projetos novos: padrões HTML5. 6) Traduza conselhos XHTML antigos para prática HTML5.

📊 HTML5 vs classic XHTML habits

Topic HTML5 (this course) XHTML-style strictness
Doctype <!DOCTYPE html> Older XHTML DOCTYPE lines
Empty elements <br> / <img> fine Often <br /> / <img … />
Attribute quotes Strongly recommended Required in XHTML
Element case Lowercase by convention Lowercase required in XHTML
Error recovery Forgiving HTML parsers XML rules were stricter
This course depth Required (daily practice) History + habits to recognize
Not this lesson Full CSS layout course XML schemas / MIME product design

Mini contraste de tag vazia

Mesmo significado, dois estilos. Navegadores aceitam ambos em HTML5 típico; a barra é o indício de material da era XHTML.

Empty tag contrast HTML5 vs XHTML-looking

html 
<!-- HTML5-friendly empty tags -->
<p>Line one<br>Line two</p>
<img src="photo.jpg" alt="Demo photo">

<!-- XHTML-looking empty-element form -->
<p>Line one<br />Line two</p>
<img src="photo.jpg" alt="Demo photo" />

Ler o contraste

  • br e br / são quebra de linha no HTML5 quotidiano
  • O / era sintaxe de elemento vazio na escrita XHTML
  • Aspas em src/alt: bom hábito HTML5 e obrigatórias em XHTML
  • Minúsculas cabem em ambos
  • Não é SSE — sem EventSource
  • Não mude MIME só por br /
  • Mantenha a intro pequena

Mini página bem formada

Documento curto com hábitos de ambas as eras: doctype, charset, atributos entre aspas, elementos fechados. Fique no doctype HTML5.

Tiny well-formed HTML5 mini page

html 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Well-formed mini page</title>
</head>
<body>
<h1>Clean markup still helps</h1>
<p>Quoted attributes and closed tags keep the tree clear.</p>
<img src="photo.jpg" alt="A demo photo">
</body>
</html>

Ler a mini página

  • <!DOCTYPE html> marca HTML5
  • lang, charset e aspas são hábitos duradouros
  • Feche elementos não void
  • alt é acessibilidade
  • Sem relação com SSE
  • Mapeie hábitos de tutoriais antigos; HTML5 para o novo
  • Próximo passo costuma ser CSS

Escolher HTML5, hábitos XHTML ou tutoriais antigos

  • Página nova do curso: HTML5 + hábitos limpos
  • Livro XHTML Strict de 2005: traduza regras; mantenha HTML5
  • Ver br /: estilo era XHTML
  • Push em direto do servidor: foi SSE
  • Computação off-thread: foram Workers
  • Esquemas XML / application/xhtml+xml: fora desta intro

Prática — compare, mantenha HTML5, separe eras

  1. Leia o contraste de tag vazia.
  2. Veja a tabela de hábitos.
  3. Confirme doctype HTML5.
  4. Frase: SSE transmite eventos; XHTML é história de marcação.
  5. Frase: projetos novos miram HTML5.
  6. Opcional: limpe um snippet com aspas.
  7. Nota: fecha a fila de reescrita HTML.

Erros fáceis

  • Forçar MIME/XML completo às cegas
  • Tratar a indulgência do HTML5 como licença para marcação má
  • Misturar eras sem guia de estilo
  • Confundir com SSE
  • Acreditar que todo site deve ser XHTML Strict
  • Copiar um doctype XHTML antigo para um projeto novo
  • Pensar que aspas são «só para XHTML»

Resumo

  • XHTML foi HTML sob regras estilo XML mais estritas
  • HTML5 com <!DOCTYPE html> é o default moderno
  • Minúsculas, aspas e tags claras ainda ajudam
  • Traduza tutoriais XHTML antigos
  • SSE foi push em direto; esta lição é história de marcação
  • A fila de reescrita HTML termina aqui — o seguinte costuma ser CSS

🧠 Teste Seu Conhecimento

Pronto para Começar

Teste Seu Conhecimento

Desafie-se com este questionário interativo e veja o quão bem você entende o tópico

❓
5
Perguntas
🎯
70%
Para Passar
♾️
∞
Tempo
🔄
∞
Tentativas

📝 Instruções

  • Leia cada pergunta cuidadosamente
  • Selecione a melhor resposta para cada pergunta
  • Você pode refazer o quiz quantas vezes quiser
  • Seu progresso será mostrado no topo
Tópico 68 de 68
Html Tutorial