Cargando...

HTML XHTML

Antes, SSE enseñó a abrir EventSource y recibir un flujo de texto unidireccional del servidor — actualizaciones en vivo, no historia de sintaxis. Esta lección deja los streams y cierra la pista histórica opcional con XHTML: HTML bajo reglas XML. Alcance práctico — qué era más estricto, qué cambió HTML5, qué hábitos ayudan — no esquemas XML.

Por qué XHTML en un curso HTML

Los principiantes ven «XHTML Strict» y creen que deben reescribir cada página. No — HTML5 es el objetivo habitual. La rigor antigua explica minúsculas, comillas y
. Tras el push del servidor, aquí la división es reglas e historia del marcado, no APIs en tiempo real.

Respuesta directa

1) XHTML = HTML como XML. 2) Hábitos clásicos: minúsculas, atributos entre comillas, vacíos explícitos. 3) Moderno: HTML5 con <!DOCTYPE html>. 4) El marcado limpio sigue importando. 5) Proyectos nuevos: patrones HTML5. 6) Traduce consejos XHTML antiguos a práctica 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 etiqueta vacía

Mismo significado, dos estilos. Los navegadores aceptan ambos en HTML5 típico; la barra es la pista de material de 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" />

Leer el contraste

  • br y br / son salto de línea en HTML5 cotidiano
  • La / era sintaxis de elemento vacío en escritura XHTML
  • Comillas en src/alt: buen hábito HTML5 y obligatorias en XHTML
  • Minúsculas encajan en ambos
  • No es SSE — sin EventSource
  • No cambies MIME solo por br /
  • Mantén la intro pequeña

Mini página bien formada

Documento corto con hábitos de ambas eras: doctype, charset, atributos entre comillas, elementos cerrados. Quédate en 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>

Leer la mini página

  • <!DOCTYPE html> marca HTML5
  • lang, charset y comillas son hábitos duraderos
  • Cierra elementos no void
  • alt es accesibilidad
  • Sin relación con SSE
  • Mapea hábitos de tutoriales antiguos; HTML5 para lo nuevo
  • Siguiente paso suele ser CSS

Elegir HTML5, hábitos XHTML o tutoriales viejos

  • Página nueva del curso: HTML5 + hábitos limpios
  • Libro XHTML Strict de 2005: traduce reglas; mantén HTML5
  • Ver br /: estilo era XHTML
  • Push en vivo del servidor: fue SSE
  • Cómputo off-thread: fueron Workers
  • Esquemas XML / application/xhtml+xml: fuera de esta intro

Práctica — compara, mantén HTML5, separa eras

  1. Lee el contraste de etiqueta vacía.
  2. Revisa la tabla de hábitos.
  3. Confirma doctype HTML5.
  4. Frase: SSE transmite eventos; XHTML es historia de marcado.
  5. Frase: proyectos nuevos apuntan a HTML5.
  6. Opcional: limpia un snippet con comillas.
  7. Nota: cierra la cola de reescritura HTML.

Errores fáciles

  • Forzar MIME/XML completo a ciegas
  • Tratar la indulgencia de HTML5 como permiso para marcado malo
  • Mezclar eras sin guía de estilo
  • Confundir con SSE
  • Creer que todo sitio debe ser XHTML Strict
  • Copiar un doctype XHTML viejo a un proyecto nuevo
  • Pensar que las comillas son «solo para XHTML»

Resumen

  • XHTML fue HTML bajo reglas estilo XML más estrictas
  • HTML5 con <!DOCTYPE html> es el default moderno
  • Minúsculas, comillas y etiquetas claras siguen ayudando
  • Traduce tutoriales XHTML antiguos
  • SSE fue push en vivo; esta lección es historia de marcado
  • La cola de reescritura HTML termina aquí — lo siguiente suele ser CSS

🧠 Pon a Prueba tu Conocimiento

Listo para Empezar

Pon a Prueba tu Conocimiento

Ponte a prueba con este cuestionario interactivo y descubre qué tan bien entiendes el tema

❓
5
Preguntas
🎯
70%
Para Aprobar
♾️
∞
Tiempo
🔄
∞
Intentos

📝 Instrucciones

  • Lee cada pregunta cuidadosamente
  • Selecciona la mejor respuesta para cada pregunta
  • Puedes repetir el quiz tantas veces como quieras
  • Tu progreso se mostrará en la parte superior
Tema 68 de 68
Html Tutorial