HTML

Tutorial HTML: Introducción a HTML

Aprende la evolución de HTML, diferencias con XHTML y la importancia de los estándares W3C para el desarrollo web moderno y accesible.

Evolución de las versiones HTML hasta HTML5 en la actualidad

El lenguaje HTML (HyperText Markup Language) ha experimentado una transformación significativa desde su creación hasta convertirse en el estándar que conocemos hoy. Esta evolución refleja cómo la web ha pasado de ser un simple sistema de documentos interconectados a una plataforma completa para aplicaciones interactivas.

HTML 1.0 - Los inicios (1991-1993)

Tim Berners-Lee creó HTML como un lenguaje sencillo para compartir documentos científicos. Esta primera versión era extremadamente básica, con apenas unas 20 etiquetas que permitían crear documentos simples con encabezados, párrafos y enlaces.

<html>
<head>
  <title>Mi primera página</title>
</head>
<body>
  <h1>Bienvenido a la Web</h1>
  <p>Esta es una página muy simple.</p>
</body>
</html>

HTML 2.0 - La primera especificación oficial (1995)

HTML 2.0 fue la primera especificación estándar y añadió soporte para formularios, permitiendo la interacción básica con los usuarios. Esta versión estableció muchas de las características fundamentales que seguimos usando hoy.

<form action="/procesar" method="post">
  <input type="text" name="usuario">
  <input type="submit" value="Enviar">
</form>

HTML 3.2 - Expansión y problemas (1997)

Con el auge de navegadores como Netscape Navigator e Internet Explorer, surgieron extensiones propietarias que complicaron el desarrollo web. HTML 3.2 intentó estandarizar estas prácticas, incorporando tablas y algunas opciones básicas de estilo.

<table border="1">
  <tr>
    <td>Celda 1</td>
    <td>Celda 2</td>
  </tr>
</table>

HTML 4.01 - Separación de contenido y presentación (1999)

Esta versión marcó un cambio filosófico importante: la separación entre el contenido (HTML) y la presentación (CSS). Se desaconsejaron los atributos de formato visual y se promovió el uso de hojas de estilo externas.

<!-- Antes (HTML 3.2) -->
<font color="red" size="+2">Texto importante</font>

<!-- Después (HTML 4.01) -->
<span class="destacado">Texto importante</span>
<!-- Con CSS externo: .destacado { color: red; font-size: 1.5em; } -->

El período de transición - XHTML (2000-2008)

XHTML 1.0 fue un intento de reformular HTML como una aplicación de XML, imponiendo reglas más estrictas:

Todas las etiquetas debían cerrarse
Los nombres de elementos y atributos debían escribirse en minúsculas
Los valores de los atributos debían estar entre comillas

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>Página XHTML</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
  <p>Los elementos vacíos deben cerrarse así: <br /></p>
  <img src="imagen.jpg" alt="Descripción" />
</body>
</html>

HTML5 - La revolución (2008-presente)

HTML5 representó un cambio radical en la filosofía del desarrollo web. En lugar de seguir el camino estricto de XHTML, adoptó un enfoque más pragmático y orientado a las aplicaciones. Las principales innovaciones incluyeron:

Sintaxis simplificada: El DOCTYPE se simplificó enormemente.

<!DOCTYPE html>

Nuevos elementos semánticos: Se introdujeron etiquetas que dan significado a las diferentes partes de una página.

<header>
  <nav>
    <ul>
      <li><a href="/">Inicio</a></li>
      <li><a href="/productos">Productos</a></li>
    </ul>
  </nav>
</header>
<main>
  <article>
    <h1>Título del artículo</h1>
    <p>Contenido del artículo...</p>
  </article>
  <aside>
    <h2>Contenido relacionado</h2>
    <!-- Contenido secundario -->
  </aside>
</main>
<footer>
  <p>&copy; 2023 Mi Sitio Web</p>
</footer>

Soporte nativo para multimedia: Antes de HTML5, se necesitaban plugins como Flash para reproducir audio y video.

<video controls width="400">
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">
  Tu navegador no soporta el elemento video.
</video>

<audio controls>
  <source src="audio.mp3" type="audio/mpeg">
  <source src="audio.ogg" type="audio/ogg">
  Tu navegador no soporta el elemento audio.
</audio>

Canvas y SVG: Nuevas capacidades para gráficos y animaciones.

<!-- Gráficos vectoriales con SVG -->
<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg>

<!-- Gráficos de mapa de bits con Canvas -->
<canvas id="miCanvas" width="200" height="200"></canvas>

APIs de JavaScript: HTML5 no es solo marcado, sino un conjunto de tecnologías que incluyen nuevas APIs.

<!-- Almacenamiento local -->
<script>
  // Guardar datos en el navegador
  localStorage.setItem("nombre", "Usuario");
  
  // Recuperar datos
  const nombre = localStorage.getItem("nombre");
</script>

HTML5 - Evolución continua

A diferencia de las versiones anteriores, HTML5 ha adoptado un modelo de especificación viva (living standard), lo que significa que evoluciona constantemente. Algunas de las características más recientes incluyen:

Formularios mejorados: Nuevos tipos de input y validación nativa.

<form>
  <input type="email" required placeholder="Correo electrónico">
  <input type="tel" pattern="[0-9]{9}" placeholder="Teléfono (9 dígitos)">
  <input type="date" min="2023-01-01">
  <input type="color">
  <input type="range" min="0" max="100" step="10">
  <button type="submit">Enviar</button>
</form>

Características de accesibilidad: Atributos ARIA para mejorar la experiencia de usuarios con discapacidades.

<button aria-label="Cerrar" aria-pressed="false">
  <span class="icon">X</span>
</button>

Responsive design: Atributos como srcset para imágenes adaptativas.

<img src="imagen-pequeña.jpg" 
     srcset="imagen-pequeña.jpg 320w,
             imagen-mediana.jpg 768w,
             imagen-grande.jpg 1200w"
     sizes="(max-width: 320px) 280px,
            (max-width: 768px) 720px,
            1140px"
     alt="Imagen adaptativa">

Web Components: Capacidad para crear elementos personalizados reutilizables.

<!-- Definición de un componente personalizado -->
<script>
  class MiContador extends HTMLElement {
    constructor() {
      super();
      this.count = 0;
      this.attachShadow({ mode: 'open' });
      this.update();
    }
    
    update() {
      this.shadowRoot.innerHTML = `
        <style>button { padding: 5px 10px; }</style>
        <button>Clicks: ${this.count}</button>
      `;
      this.shadowRoot.querySelector('button').addEventListener(
        'click', () => {
          this.count++;
          this.update();
        }
      );
    }
  }
  
  customElements.define('mi-contador', MiContador);
</script>

<!-- Uso del componente -->
<mi-contador></mi-contador>

El futuro de HTML

HTML continúa evolucionando para adaptarse a las necesidades cambiantes de la web. Las tendencias actuales incluyen:

Mayor integración con tecnologías como WebAssembly, que permite ejecutar código de alto rendimiento en navegadores.
Mejoras en realidad virtual y aumentada con APIs como WebXR.
Enfoque en la privacidad y seguridad con características como Content Security Policy.
Optimización para dispositivos móviles y conexiones de baja velocidad.

Esta evolución constante refleja cómo HTML ha pasado de ser un simple lenguaje de marcado a convertirse en la base de la plataforma web moderna, permitiendo experiencias interactivas y aplicaciones complejas que antes solo eran posibles en entornos de escritorio.

Diferencias entre XHTML y HTML

XHTML y HTML representan dos enfoques distintos para el marcado web, con filosofías y reglas que reflejan diferentes momentos en la evolución de los estándares web. Aunque comparten muchas similitudes, sus diferencias son fundamentales para entender la historia y el desarrollo de las tecnologías web.

Origen y propósito

XHTML (eXtensible HyperText Markup Language) surgió como un intento de reformular HTML como una aplicación de XML (eXtensible Markup Language). Mientras HTML se desarrolló con reglas relativamente flexibles, XML se creó con un conjunto de normas mucho más estrictas para facilitar el procesamiento automático de documentos.

La idea principal detrás de XHTML era combinar la popularidad de HTML con la rigurosidad estructural de XML, creando así documentos web que fueran:

Más fáciles de procesar por software
Más consistentes entre diferentes plataformas
Más compatibles con herramientas de XML existentes

Sintaxis y reglas

La diferencia más notable entre XHTML y HTML está en sus reglas sintácticas:

Cierre de etiquetas: En HTML tradicional, algunas etiquetas pueden dejarse sin cerrar. En XHTML, todas deben cerrarse explícitamente.

<!-- HTML permitido -->
<p>Un párrafo
<p>Otro párrafo
<img src="imagen.jpg" alt="Una imagen">

<!-- XHTML requerido -->
<p>Un párrafo</p>
<p>Otro párrafo</p>
<img src="imagen.jpg" alt="Una imagen" />

Minúsculas obligatorias: XHTML exige que todos los nombres de elementos y atributos se escriban en minúsculas, mientras que HTML es insensible a mayúsculas/minúsculas.

<!-- HTML permitido -->
<TABLE BORDER="1">
  <TR><TD>Contenido</TD></TR>
</TABLE>

<!-- XHTML requerido -->
<table border="1">
  <tr><td>Contenido</td></tr>
</table>

Comillas en atributos: En XHTML, todos los valores de atributos deben estar entre comillas, incluso los numéricos.

<!-- HTML permitido -->
<table width=500 border=1>

<!-- XHTML requerido -->
<table width="500" border="1">

Anidamiento correcto: Aunque HTML técnicamente también requiere un anidamiento correcto, los navegadores suelen ser más permisivos. XHTML es estricto en este aspecto.

<!-- HTML (incorrecto pero a veces funciona) -->
<b><i>Texto en negrita e itálica</b></i>

<!-- XHTML (siempre requerido) -->
<b><i>Texto en negrita e itálica</i></b>

Atributos minimizados: En HTML, algunos atributos pueden aparecer solos. En XHTML, deben tener un valor explícito.

<!-- HTML permitido -->
<input type="checkbox" checked>
<option selected>

<!-- XHTML requerido -->
<input type="checkbox" checked="checked" />
<option selected="selected">

DOCTYPE y namespace

XHTML requiere una declaración DOCTYPE específica y la definición de un espacio de nombres XML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

En contraste, HTML5 simplificó enormemente esta declaración:

<!DOCTYPE html>
<html>

MIME Types y procesamiento

Una diferencia técnica importante está en cómo se sirven los documentos:

Los documentos XHTML deberían servirse con el tipo MIME application/xhtml+xml
Los documentos HTML tradicionales se sirven como text/html

Esta diferencia afecta cómo los navegadores procesan el documento:

Con application/xhtml+xml, el navegador aplica reglas estrictas de XML y se detiene ante el primer error
Con text/html, el navegador intenta corregir errores y mostrar el contenido de la mejor manera posible

Versiones y variantes de XHTML

XHTML se desarrolló en varias versiones y perfiles:

XHTML 1.0 (2000): Reformulación de HTML 4.01 como aplicación XML
Strict: Sin elementos presentacionales o deprecados
Transitional: Incluye elementos presentacionales
Frameset: Soporte para frames
XHTML 1.1 (2001): Modularización de XHTML, dividiendo la especificación en componentes reutilizables
XHTML 2.0: Un intento de romper con la compatibilidad hacia atrás para crear un lenguaje más limpio (nunca se completó)
XHTML5: Una serialización XML de HTML5 que combina la sintaxis estricta de XHTML con las nuevas características de HTML5

Ventajas y desventajas

Ventajas de XHTML:

Consistencia: Reglas claras y estrictas que facilitan el mantenimiento
Procesamiento: Más fácil de procesar por software y herramientas automáticas
Interoperabilidad: Mejor integración con otras tecnologías XML

<!-- XHTML facilita la integración con otras tecnologías XML -->
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
  <title>Ejemplo de XHTML con SVG</title>
</head>
<body>
  <h1>Gráfico vectorial integrado</h1>
  <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
    <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
  </svg>
</body>
</html>

Desventajas de XHTML:

Poca tolerancia a errores: Un solo error sintáctico puede hacer que la página no se muestre
Complejidad: Reglas más estrictas que dificultan el desarrollo rápido
Compatibilidad: Problemas con navegadores antiguos

El declive de XHTML

A pesar de sus promesas iniciales, XHTML comenzó a perder relevancia por varias razones:

Problemas de compatibilidad: Muchos sitios que afirmaban usar XHTML en realidad se servían como text/html, negando sus beneficios
Complejidad innecesaria: Para muchos desarrolladores, las reglas estrictas añadían complejidad sin beneficios claros
El surgimiento de HTML5: Adoptó un enfoque más pragmático, manteniendo algunas prácticas de XHTML pero sin su rigidez
Abandono de XHTML 2.0: El W3C abandonó XHTML 2.0 en 2009 para centrarse en HTML5

Prácticas actuales

Hoy en día, la mayoría de los desarrolladores utilizan HTML5 con algunas prácticas de codificación limpias inspiradas en XHTML:

Cerrar todas las etiquetas
Usar minúsculas para nombres de elementos y atributos
Poner comillas en los valores de atributos

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>HTML5 con prácticas limpias</title>
</head>
<body>
  <header>
    <h1>Ejemplo de código limpio</h1>
    <nav>
      <ul>
        <li><a href="/">Inicio</a></li>
        <li><a href="/contacto">Contacto</a></li>
      </ul>
    </nav>
  </header>
  <main>
    <article>
      <h2>Artículo principal</h2>
      <p>Este documento usa HTML5 pero adopta algunas prácticas de XHTML.</p>
      <img src="imagen.jpg" alt="Descripción de la imagen">
    </article>
  </main>
  <footer>
    <p>&copy; 2023 Mi Sitio Web</p>
  </footer>
</body>
</html>

Impacto en el desarrollo web moderno

Aunque XHTML como estándar separado ha perdido relevancia, su legado permanece en las prácticas de codificación actuales. La experiencia con XHTML nos enseñó la importancia de:

Código limpio y consistente: Facilita el mantenimiento y reduce errores
Separación de preocupaciones: Contenido (HTML), presentación (CSS) y comportamiento (JavaScript)
Validación de código: Herramientas para verificar la conformidad con estándares

Estas lecciones se han incorporado en las metodologías modernas de desarrollo web, incluso cuando se utiliza HTML5 en lugar de XHTML.

Estándares web y W3C

Los estándares web son especificaciones técnicas y directrices que definen cómo deben funcionar las tecnologías que conforman la World Wide Web. Estos estándares garantizan que las páginas web sean accesibles, compatibles y funcionen correctamente en diferentes navegadores, dispositivos y plataformas.

El World Wide Web Consortium (W3C)

El W3C (World Wide Web Consortium) es la principal organización internacional que desarrolla y mantiene los estándares web. Fundado en octubre de 1994 por Tim Berners-Lee, el inventor del World Wide Web, el W3C trabaja como una comunidad donde miembros, personal y el público colaboran para desarrollar estándares abiertos que aseguren el crecimiento a largo plazo de la web.

La misión del W3C se resume en una frase: "Guiar la Web hacia su máximo potencial". Para lograr esto, el consorcio se basa en varios principios fundamentales:

Web para todos: Garantizar que la web sea accesible para personas con discapacidades
Web en todas partes: Asegurar que la web funcione en cualquier dispositivo, software, infraestructura o idioma
Visión: Crear una web de datos, servicios y confianza

Proceso de creación de estándares

El desarrollo de un estándar web en el W3C sigue un proceso riguroso que garantiza la calidad y el consenso:

Borrador de trabajo (Working Draft): Primera propuesta pública que puede ser revisada por la comunidad.
Candidato a recomendación (Candidate Recommendation): El estándar se implementa y prueba en situaciones reales.
Propuesta de recomendación (Proposed Recommendation): La especificación se revisa por los miembros del W3C.
Recomendación W3C (W3C Recommendation): El estándar es oficialmente aprobado y se recomienda su implementación.

<!-- Ejemplo de código HTML5 que cumple con las recomendaciones del W3C -->
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Página conforme a estándares</title>
</head>
<body>
  <header>
    <h1>Bienvenido a mi sitio web</h1>
    <nav>
      <ul>
        <li><a href="#inicio">Inicio</a></li>
        <li><a href="#servicios">Servicios</a></li>
        <li><a href="#contacto">Contacto</a></li>
      </ul>
    </nav>
  </header>
  <main>
    <article>
      <h2>Artículo principal</h2>
      <p>Este documento sigue los estándares web actuales.</p>
    </article>
  </main>
  <footer>
    <p>&copy; 2023 Mi Sitio Web</p>
  </footer>
</body>
</html>

Principales estándares web

El W3C ha desarrollado numerosos estándares que forman la base de la web moderna:

HTML: Define la estructura y el contenido de las páginas web
CSS: Controla la presentación y el diseño visual
DOM: Proporciona una interfaz para que los scripts accedan y modifiquen documentos
SVG: Formato para gráficos vectoriales escalables
XML: Lenguaje de marcado extensible para estructurar datos
WAI-ARIA: Especificaciones para mejorar la accesibilidad web

Validación y conformidad

Para asegurar que un sitio web cumple con los estándares, el W3C proporciona herramientas de validación que verifican la conformidad del código:

Validador de HTML: Comprueba si el código HTML cumple con la especificación
Validador de CSS: Verifica la sintaxis y el uso correcto de las hojas de estilo
Validador de accesibilidad: Evalúa si el sitio cumple con las pautas de accesibilidad

<!-- Ejemplo de código que pasaría la validación del W3C -->
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Página válida</title>
</head>
<body>
  <h1>Título principal</h1>
  <p>Este código HTML es válido según los estándares del W3C.</p>
  <img src="imagen.jpg" alt="Descripción de la imagen">
</body>
</html>

Beneficios de seguir los estándares web

Desarrollar sitios web siguiendo los estándares del W3C ofrece múltiples ventajas:

Compatibilidad entre navegadores: Reduce problemas de visualización entre diferentes navegadores
Accesibilidad: Facilita el acceso a personas con discapacidades
Mejor SEO: Los motores de búsqueda indexan mejor el contenido estructurado correctamente
Mantenimiento más sencillo: El código estandarizado es más fácil de mantener y actualizar
Rendimiento mejorado: Las páginas que siguen los estándares suelen cargarse más rápido
Compatibilidad futura: Mayor probabilidad de que el sitio funcione correctamente en futuras tecnologías

Estándares de accesibilidad web

Las Pautas de Accesibilidad al Contenido Web (WCAG) son parte fundamental de los estándares web. Estas pautas se organizan en torno a cuatro principios:

Perceptible: La información debe ser presentada de manera que los usuarios puedan percibirla
Operable: Los componentes de la interfaz deben ser utilizables por todos
Comprensible: La información y el funcionamiento deben ser comprensibles
Robusto: El contenido debe ser suficientemente robusto para funcionar con tecnologías actuales y futuras

<!-- Ejemplo de código HTML con mejoras de accesibilidad -->
<button aria-label="Cerrar ventana" aria-pressed="false" class="close-button">
  <span class="icon" aria-hidden="true">X</span>
</button>

<img src="grafico.jpg" alt="Gráfico que muestra el crecimiento de ventas en 2023" longdesc="descripcion-detallada.html">

<form>
  <label for="nombre">Nombre:</label>
  <input type="text" id="nombre" name="nombre" required aria-required="true">
  
  <fieldset>
    <legend>Opciones de contacto</legend>
    <input type="checkbox" id="email" name="contacto" value="email">
    <label for="email">Email</label>
    <input type="checkbox" id="telefono" name="contacto" value="telefono">
    <label for="telefono">Teléfono</label>
  </fieldset>
</form>

Estándares emergentes y futuro de la web

El W3C continúa desarrollando nuevos estándares para abordar las necesidades cambiantes de la web:

Web Components: Permite crear componentes web reutilizables
WebAssembly: Formato de código binario que mejora el rendimiento de aplicaciones web
Web Authentication: API para autenticación segura sin contraseñas
Progressive Web Apps (PWAs): Estándares para crear aplicaciones web que funcionen como aplicaciones nativas
WebXR: Estándares para realidad virtual y aumentada en la web

El papel de WHATWG

El WHATWG (Web Hypertext Application Technology Working Group) es otra organización importante en el desarrollo de estándares web. Fundado en 2004 por representantes de Apple, Mozilla y Opera, el WHATWG adoptó un enfoque diferente al del W3C, desarrollando HTML como un "estándar vivo" que evoluciona constantemente.

En 2019, el W3C y el WHATWG llegaron a un acuerdo histórico para colaborar en una única versión de HTML, poniendo fin a años de desarrollo paralelo. Según este acuerdo:

WHATWG mantiene el estándar HTML como una especificación viva
W3C publica "instantáneas" periódicas de este estándar como recomendaciones oficiales
Ambas organizaciones trabajan juntas para asegurar la compatibilidad y coherencia

Implementación de estándares en navegadores

Los principales navegadores web (Chrome, Firefox, Safari, Edge) implementan los estándares del W3C, aunque a veces con diferencias en la interpretación o velocidad de adopción. Herramientas como caniuse.com permiten a los desarrolladores verificar qué características están soportadas en cada navegador.

<!-- Ejemplo de código con fallback para navegadores que no soportan ciertas características -->
<picture>
  <source srcset="imagen.webp" type="image/webp">
  <source srcset="imagen.jpg" type="image/jpeg">
  <img src="imagen.jpg" alt="Descripción de la imagen">
</picture>

<script>
  // Detección de soporte para características modernas
  if ('IntersectionObserver' in window) {
    // Usar IntersectionObserver para lazy loading
    const observer = new IntersectionObserver((entries) => {
      // Código moderno
    });
  } else {
    // Código alternativo para navegadores antiguos
  }
</script>

Importancia para desarrolladores

Para los desarrolladores web, comprender y seguir los estándares del W3C es fundamental por varias razones:

Proporciona una base sólida de conocimientos que trasciende tecnologías específicas
Facilita la comunicación entre profesionales al establecer un vocabulario común
Permite crear sitios web inclusivos que funcionan para todos los usuarios
Ayuda a anticipar cambios en la tecnología web y adaptarse a ellos

La web es un ecosistema en constante evolución, y los estándares del W3C proporcionan la estructura necesaria para que esta evolución sea ordenada, inclusiva y beneficiosa para todos los usuarios de internet.

Aprende HTML online

Otros ejercicios de programación de HTML

Evalúa tus conocimientos de esta lección Introducción a HTML con nuestros retos de programación de tipo Test, Puzzle, Código y Proyecto con VSCode, guiados por IA.

Aprende la evolución de HTML, diferencias con XHTML y la importancia de los estándares W3C para el desarrollo web moderno y accesible.

Evolución de las versiones HTML hasta HTML5 en la actualidad

HTML 1.0 - Los inicios (1991-1993)

HTML 2.0 - La primera especificación oficial (1995)

HTML 3.2 - Expansión y problemas (1997)

HTML 4.01 - Separación de contenido y presentación (1999)

El período de transición - XHTML (2000-2008)

HTML5 - La revolución (2008-presente)

HTML5 - Evolución continua

El futuro de HTML

Diferencias entre XHTML y HTML

Origen y propósito

Sintaxis y reglas

DOCTYPE y namespace

MIME Types y procesamiento

Versiones y variantes de XHTML

Ventajas y desventajas

Ventajas de XHTML:

Desventajas de XHTML:

El declive de XHTML

Prácticas actuales

Impacto en el desarrollo web moderno

Estándares web y W3C

El World Wide Web Consortium (W3C)

Proceso de creación de estándares

Principales estándares web

Validación y conformidad

Beneficios de seguir los estándares web

Estándares de accesibilidad web

Estándares emergentes y futuro de la web

El papel de WHATWG

Implementación de estándares en navegadores

Importancia para desarrolladores

Otros ejercicios de programación de HTML

Todas las lecciones de HTML

Introducción Y Entorno

Sintaxis Y Estructura

Sintaxis Y Estructura

Sintaxis Y Estructura

Sintaxis Y Estructura

Sintaxis Y Estructura

Textos Y Enlaces

Textos Y Enlaces

Textos Y Enlaces

Textos Y Enlaces

Textos Y Enlaces

Organización De Contenido

Organización De Contenido

Organización De Contenido

Organización De Contenido

Elementos Multimedia

Elementos Multimedia

Elementos Multimedia

Elementos Multimedia

Metadatos Y Seo

Metadatos Y Seo

Metadatos Y Seo

Metadatos Y Seo

Optimización Html

Optimización Html

Optimización Html

Optimización Html

Objetivos de aprendizaje de esta lección