English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutoriales básicos de HTML

Medios HTML

Manual de referencia de HTML

HTML5 Tutoriales básicos

HTML5 API

HTML5 media

Introducción a XHTML

XHTML es HTML escrito en formato XML

¿Qué es XHTML?

  • XHTML es el lenguaje de marcado hipertexto extensible

  • XHTML y HTML 4.01 casi idéntica

  • XHTML es una versión más estricta y más pura de HTML

  • XHTML se define como HTML aplicado a XML

  • XHTML es 2001 año 1 W lanzado el mes3C estándar recomendado

  • XHTML es compatible con todos los navegadores populares

¿Por qué usar XHTML?

Muchos sitios web en Internet contienen "malos" HTML.

Si se ve en el navegador, el siguiente código HTML se ejecuta muy bien (aunque no sigue las reglas de HTML):

<html>
<head>
<meta charset="utf-8">
<title>Este es un HTML no convencional</title>
<body>
<h1>HTML no convencional
<p>Este es un párrafo
</body>

XML es un lenguaje de marcado que debe estar bien marcado y bien formado.

En la industria tecnológica actual hay algunas tecnologías de navegadores diferentes. Algunas se ejecutan en computadoras, mientras que otras pueden ejecutarse en teléfonos móviles u otros dispositivos pequeños. Los dispositivos pequeños a menudo carecen de recursos y capacidades para explicar lenguajes de marcado "malos".

Por lo tanto - Al combinar las ventajas de XML y HTML, se desarrolló XHTML. XHTML es HTML rediseñado como XML.

La principal diferencia en comparación con HTML:

Estructura del documento

  • El DOCTYPE XHTML esobligatorio

  • La propiedad XML namespace del <html> esobligatorio

  • también son <html>, <head>, <title> y <body>obligatorio

sintaxis de elemento

  • Los elementos XHTML debenempaquetados correctamente

  • Los elementos XHTML deben estar siemprecerrar

  • Los elementos XHTML debenminúsculas

  • El documento XHTML debe tenerun elemento raíz

sintaxis de atributo

  • Los atributos de XHTML deben usarminúsculas

  • Los valores de atributo de XHTML deben usarenvuelto en comillas

  • La minimización de atributos XHTML también esProhibido

!DOCTYPE .... es obligatorio

El documento XHTML debe declarar el tipo de documento XHTML (XHTML DOCTYPE declaration).

Puedes encontrar la referencia completa de etiquetas en el manual de referencia de etiquetas del tutorial básico: Tipo de documento XHTML.

Los elementos <html>, <head>, <title> y <body> también deben existir y deben usar la propiedad xmlns del <html> para especificar el espacio de nombres xml del documento.

El siguiente ejemplo muestra un documento XHTML con la cantidad mínima de etiquetas obligatorias:

<!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 del documento</title>
</head>
 
<body>
Contenido del documento
</body>
 
</html>

Los elementos XHTML deben estar correctamente anidados

En HTML, algunos elementos no necesitan estar anidados, como así:

<b><i>Texto en negrita y cursiva</b></i>

En XHTML, todos los elementos deben estar correctamente anidados, como así:

<b><i>Texto en negrita y cursiva</i></b>

Los elementos XHTML deben tener etiqueta de cierre

Ejemplo incorrecto:

<p>Este es un párrafo
<p>Este es otro párrafo

Ejemplo correcto:

<p>Este es un párrafo</p>
<p>Este es otro párrafo</p>

Los elementos vacíos deben contener la etiqueta de cierre

Ejemplo incorrecto:

Salto de línea:<br
Línea horizontal: <hr
Imagen: <img src="happy.gif" alt=" Cara feliz " >

Ejemplo correcto:

Salto de línea:<br />
Línea horizontal: <hr />
Imagen: <img src="happy.gif" alt=" Cara feliz " > />

Los elementos XHTML deben ser minúsculas

Ejemplo incorrecto:

<BODY>
<P>Este es un párrafo</P>
</BODY>

Ejemplo correcto:

<body>
<p>Este es un párrafo</p>
</body>

Los nombres de atributos deben ser minúsculas

Ejemplo incorrecto:

<table WIDTH="100%">

Ejemplo correcto:

<table width="100%">

Los valores de atributos deben estar entre comillas

Ejemplo incorrecto:

<table width=100%>

Ejemplo correcto:

<table width="100%">

No se permite la abreviatura de atributos

Ejemplo incorrecto:

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

Ejemplo correcto:

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

Cómo convertir HTML a XHTML

  • Agregar un <!DOCTYPE> XHTML a tu página web

  • Agregar la propiedad xmlns a cada elemento HTML de la página.

  • Cambiar todos los elementos a minúsculas

  • Cerrar todos los elementos vacíos

  • Cambiar todos los nombres de atributo a minúsculas

  • Añadir comillas a todos los valores de atributo

  • Usar W3C Verificador para probar tu XHTML

    Por favor, ingrese su sitio web en el cuadro de entrada siguiente: