Latest web development tutorials

XHTML Introducción

XHTML es un formato XML escrito en HTML.


¿Cuál es XHTML?

  • XHTML se refiere al HTML Extensible
  • XHTML y HTML 4.01 son casi idénticos
  • XHTML es más estricta y pura versión HTML
  • aplicación XHTML a modo de XML define HTML
  • XHTML es el de enero de de 2001 Recomendación W3C publicó
  • XHTML por todos los principales navegadores de apoyo

¿Por qué utilizar XHTML?

La página de Internet contiene una gran cantidad de "malo" HTML.

Si nos fijamos en un navegador, el siguiente código HTML para ejecutar muy normal (incluso si no cumple con las normas HTML):

<Html> <Head> <Meta charset = "UTF-8"> <Title> Este es un HTML no estándar </ title> <Cuerpo> <H1> no estándar HTML <p> Esto es un párrafo </ body>

XML es un deber correctamente marcados y bien formadas lenguaje de marcas.

Si quieres aprender XML, por favor lea nuestra Tutorial XML .

Hoy en día, la comunidad científica, hay algunos diferente tecnología del navegador. Algunos de los cuales se ejecutan en un ordenador, mientras que otros pueden funcionar en teléfonos móviles u otros dispositivos pequeños. Pequeños dispositivos a menudo carecen de explicar "malos" los recursos y capacidades de lenguaje de marcas.

Así que - mediante la combinación de los puntos fuertes de HTML y XML, XHTML desarrollamos. XHTML como XML rediseñado HTML.


La diferencia más importante en comparación con el HTML:

Estructura del documento

  • XHTML DOCTYPE es obligatoria
  • <Html> El atributo de espacio de nombres XML es obligatoria
  • <Html>, <head>, <title> y <body> es obligatorio

elemento sintaxis

  • elementos XHTML deben estar correctamente anidados
  • elementos XHTML deben estar siempre cerradas
  • elementos XHTML deben estar en minúsculas
  • Los documentos XHTML deben tener un elemento raíz

sintaxis de atributo

  • XHTML atributos deben estar en minúsculas
  • valores de los atributos XHTML deben estar entre comillas
  • XHTML minimización atributo está prohibido

<! DOCTYPE ....> es obligatorio

Los documentos XHTML deben estar XHTML declaración de tipo de documento (XHTML declaración DOCTYPE).

Usted puede encontrar el tutorial completo en esta etiqueta en el Manual de Referencia XHTML tipo de documento.

<Html>, <head>, <title>, y el elemento <body> debe existir y debe utilizar <html> atributo xmlns en el documento especificado de espacio de nombres XML.

El siguiente ejemplo muestra un documento XHTML con un mínimo de variables necesarias:

<! DOCTYPE html PÚBLICO "- // W3C // DTD XHTML 1.0 Transicional // EN" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <Head> <Meta charset = "UTF-8"> <Título> Título del documento </ title> </ Head> <Body> contenido del documento </ body> </ Html>


elementos XHTML deben estar correctamente anidados

En HTML, algunos elementos no se pueden anidar, así:

<B> <i> cursiva y negrita texto </ b> </ i>

En XHTML, todos los elementos deben estar anidados entre sí racional, como esto:

<B> <i> texto en negrita y cursiva </ i> </ b>


elementos XHTML deben tener una etiqueta de cierre

Ejemplos de errores:

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

A la derecha:

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


Los elementos vacíos deben incluir una etiqueta de cierre

Ejemplos de errores:

Ramas: Read nivel: <hr> Fotos: <img src = "happy.gif" alt = "cara feliz">

A la derecha:

Ramas: <br /> Nivel: <hr /> Foto: <img src = "happy.gif" alt = "cara feliz" />


elementos XHTML deben estar en minúsculas

Ejemplos de errores:

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

A la derecha:

<Cuerpo> <P> Este es un párrafo </ p> </ Body>


Los nombres de atributos deben estar en minúsculas

Ejemplos de errores:

<Tabla Width = "100%">

A la derecha:

<Tabla width = "100%">


valores de los atributos deben tener citas

Ejemplos de errores:

<Tabla width = 100%>

A la derecha:

<Tabla width = "100%">


Permitido propiedad abreviada

Ejemplos de errores:

<Input comprobado> <Input sólo lectura> <Input personas con discapacidad> <Opción seleccionado>

A la derecha:

<Input comprobado = "marcada"> <Input readonly = "readonly"> <Input discapacitados = "desactivado"> <Opción selected = "selected">


Cómo convertir de HTML a XHTML

  1. Añadir un XHTML <! DOCTYPE> a su página
  2. Agregando atributo xmlns en el elemento HTML de cada página.
  3. Cambiar todos los elementos en minúsculas
  4. Cierre todos los elementos vacíos
  5. Modificar todos los nombres de atributos a minúsculas
  6. Todos los valores de los atributos para agregar citas

Utilizando el validador del W3C para poner a prueba su XHTML

Por favor, introduzca su dirección URL en el cuadro a continuación: