Migrando de HTML a XHTML

XHTML es una reformulación de HTML que normaliza y modulariza el lenguaje. XHTML es la versión XML de HTML, por lo que tiene, básicamente, las mismas funcionalidades, pero cumple las especificaciones, más estrictas, de XML.

Esencialmente las reglas de redacción son las mismas, pero ahora son mas estrictas para que un documento pueda considerarse como valido, entre las principales diferencias respecto al HTML podemos mencionar:

Tags anidados correctamente
Los tags deben estar anidados (tags dentro de otros tags) correctamente, es decir deben tener etiqueta de cierre antes de utilizar otro.

  1. <p><em>texto</p></em> <!-- incorrecto -->
  2. <p><em>texto</em></p> <!-- correcto -->

Elementos y atributos en minúsculas
Los elementos y atributos ahora deben escribirse en minúsculas, esto facilita la lectura de los documentos.

  1. <P><EM>texto</EM></P> <!-- incorrecto -->
  2. <p><em>texto</em></p> <!-- correcto -->

Todos los tags deben cerrarse siempre
Los tags deben estar cerrados, ninguno debe quedarse sin su respectivo tag de cierre. En el caso de los tags unicos, se debe agregar el / antes de cerrarlos (<br> debe ser <br />).

  1. <p><em>texto<br> <!-- incorrecto -->
  2. <p><em>texto</em></p><br /> <!-- correcto -->

Atributos entre comillas
Los valores de los atributos siempre deben estar encerrados entre comillas.

  1. <td rowspan=3>texto</td> <!-- incorrecto -->
  2. <td rowspan="3">texto</td> <!-- correcto -->

Incluir texto ‘alt’ para las Imagenes
Se debe siempre especificar un texto alternativo para imágenes.

  1. <img src="submit.gif" /> <!-- incorrecto -->
  2. <img src="submit.gif" alt="Enviar" /> <!-- correcto -->

No se permite minimización de atributos
No está permitida la minimización de atributos, es necesario utilizar el atributo y el valor.

  1. <textarea readonly>texto</textarea> <!-- incorrecto -->
  2. <textarea readonly="readonly">texto</textarea> <!-- correcto -->

No se aceptan atributos desaprobados en HTML 4.01
Los atributos desaprobados en HTML 4.01 no forman parte de XHTML.

  1. <font color="#0000FF">text</font> <!-- incorrecto -->
  2. <span style="color: #0000FF;">text</span> <!-- correcto -->

Como pueden ver las reglas siguen siendo las mismas, solo que ahora estas son mas estrictas y tenemos que tener mas cuidado al momento de redactar el código. Pueden una referencia completa de estas diferencias en XHTML: Differences with HTML 4.

Comentarios Total 2 comentarios


Validacion W3C
Publicado: 26/05/2008 1:01 am

Hace tiempo soy frecuente de tu Blog, como veo tenes los mismos problemas que yo, hace un tiempo estoy en el dilema de hacer mi codigo valido segun la W3C y mas compatible para los buscadores, entre otras cosas, pero no puedo mantener contento a los diseñadores, porque si lo hago compatible, la estetica no me queda siempre tal cual me la diseñan, En casa de herrero cuchillo de palo, asi dicen
Te dejo un link validando esta pagina a ver que tal te va, como vi dio este resultado:
Validation Output: 61 Errors
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fblog.unijimpe.net%2Fdiferencias-entre-html-y-xhtml%2F
Lamento que este post no me haya aportado nada, igual aprecio mucho tu conocimiento que mas de una vez me ayudo espero que te ayude el mio,
ya que hace un tiempo estoy incursionando en el SEO (Posicionamiento Web) mis saludos desde Argentina
PD: No te enojes es una critica constructiva

Iván
Publicado: 26/05/2008 5:08 pm

Un post interesante. Ciertamente a mí personalmente no me ha aportado mucho, como profesional del diseño hace tiempo que el código basado en estándares es norma de calidad en mi empresa. En cualquier caso para otras muchas personas sí que habrá sido de interés y está excepcionalmente expuesto. Enhorabuena. Quizá añadiría un pequeño comentario sobre los distintos niveles o modos de codificación, strict, transitional, frameset.

Sobre el comentario anterior del compañero y para no desanimar a nadie decir que no se ha de asustar uno si al principio obtenemos gran cantidad de errores. Muchas veces una etiqueta mal cerrada puede provocar errores en cascada. La gran mayoría son muy fáciles de solucionar, así que paciencia. Si como en este caso usas un CMS es otro cantar pues no eres el generador del código aunque cada vez es más habitual que cumplan dichas normas.

Siento contradecir al compañero que ha comentado anteriormente, cumplir los estándares no limita en absoluto la creatividad. Todo, y digo todo lo que un diseñador puede hacer con html se puede hacer con xhtml. Es falso que cumplir las normas de la w3c limite o impida realizar algo.

Enhorabuena por el blog. Excelente.

 

Comentar

En este blog los comentarios están moderados, serán mostrados cuando el administrador los apruebe. Por favor, evita comentarios ofensivos u obscenos por que no serán aprobados.
Si deseas publicar código fuente debes hacerlo entre las etiquedas <code> y </code>, además debes reemplazar los carácteres < por &lt; y > por &gt;.

(Requerido)

(Requerido, no será publicado)

(Requerido)

(Tags aceptados: <a> <em> <strong> <code> <ul> <li>)