Los últimos tutoriales de desarrollo web

HTML y XHTML

❮ Anterior Siguiente Capítulo ❯

XHTML es escrita HTML como XML.

¿Qué es XHTML?

  • XHTML significa EXtensible Hyper Text Markup Language
  • XHTML es casi idéntica a HTML
  • XHTML es más estricto que HTML
  • Valid HTML se define como una aplicación XML
  • XHTML es compatible con todos los principales navegadores

¿Por XHTML?

Muchas páginas de Internet contienen "bad" HTML.

Este código HTML funciona bien en la mayoría de los navegadores (even if it does not follow the HTML rules) :

<html>
<head>
  <title>This is bad HTML</title>

<body>
  <h1>Bad HTML
  <p>This is a paragraph
</body>

El mercado actual se compone de diferentes tecnologías de navegación. Algunos navegadores se ejecutan en los ordenadores, y algunos navegadores se ejecutan en teléfonos móviles u otros dispositivos pequeños. Los dispositivos más pequeños a menudo carecen de los recursos o poder de interpretar "bad" de marcas.

XML es un lenguaje de marcado que los documentos deben estar marcados correctamente (be "well-formed") .

Si quieres estudiar XML, por favor lea nuestra tutorial XML .

Al combinar las fortalezas de HTML y XML, XHTML fue desarrollado.

XHTML es rediseñado HTML como XML.

Las diferencias más importantes de HTML:

Estructura del documento

  • XHTML DOCTYPE es obligatoria
  • Los xmlns atributo en <html> es obligatoria
  • <html> , <head> , <title> y <body> son obligatorios

Elementos XHTML

  • Elementos XHTML deben estar properly nested
  • Elementos XHTML deben estar siempre closed
  • Elementos XHTML deben estar en lowercase
  • Los documentos XHTML deben tener one root element

Atributos XHTML

  • Nombres de los atributos deben estar en lower case
  • Valores de los atributos deben ser quoted
  • Minimización atributo es forbidden

<!DOCTYPE ....> Es obligatorio

Un documento XHTML debe tener una declaración DOCTYPE XHTML.

Una lista completa de todos los doctypes XHTML se encuentra en nuestra etiquetas HTML referencia.

La <html> , <head> , <title> , y <body> elementos también deben estar presentes, y los xmlns atributo en <html> debe especificar el espacio de nombres XML para el documento.

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

<!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>
  <title>Title of document</title>
</head>

<body>
  some content
</body>

</html>

XHTML elementos deben estar anidados correctamente

En HTML, algunos elementos se pueden anidar incorrectamente unos dentro de otros, como este:

<b><i>This text is bold and italic</b></i>

En XHTML, todos los elementos deben estar correctamente anidados unos dentro de otros, como este:

<b><i>This text is bold and italic</i></b>

Elementos XHTML debe estar siempre cerrada

Esto está mal:

<p>This is a paragraph
<p>This is another paragraph

Esto es correcto:

<p>This is a paragraph</p>
<p>This is another paragraph</p>

Los elementos vacíos también debe estar cerrada

Esto está mal:

A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">

Esto es correcto:

A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />

XHTML elementos deben estar en minúsculas

Esto está mal:

<BODY>
<P>This is a paragraph</P>
</BODY>

Esto es correcto:

<BODY>
<P>This is a paragraph</P>
</BODY>

XHTML nombres de los atributos deben estar en minúsculas

Esto está mal:

<table WIDTH="100%">

Esto es correcto:

<table WIDTH="100%">

Los valores de atributo debe ser citado

Esto está mal:

<table width=100%>

Esto es correcto:

<table WIDTH="100%">

Minimización de atributos de usuario están prohibidas

Incorrecto:

<input type="checkbox" name="vehicle" value="car" checked />

Correcto:

<input type="checkbox" name="vehicle" value="car" checked="checked" />

Incorrecto:

<input type="text" name="lastname" disabled />

Correcto:

<input type="text" name="lastname" disabled="disabled" />

Cómo convertir de HTML a XHTML

  1. Añadir una XHTML <!DOCTYPE> a la primera línea de cada página
  2. Añadir un xmlns atributo al elemento HTML de cada página
  3. Cambiar todos los nombres de los elementos en minúsculas
  4. Cierre todos los elementos vacíos
  5. Cambiar todos los nombres de los atributos a minúsculas
  6. Cita todos los valores de atributos

Validar XHTML Con El W3C Validador

Poner su dirección web en el cuadro a continuación:


❮ Anterior Siguiente Capítulo ❯