¿Cómo actualizar a XHTML?

¿Cómo actualizar su sitio web a XHTML?

Para convertir el sitio de HTML a XHTML, primero debe familiarizarse con las reglas de sintaxis de XHTML explicadas en los primeros capítulos.

A continuación, se explican los pasos específicos.

Añadir declaración de tipo de archivo

Añada la declaración de tipo de archivo a la primera línea de cada página:

<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Atención:Este sitio (codew3c) utiliza un DTD estricto. Sin embargo, también es una buena opción usar un DTD de transición, ya que para la mayoría de los desarrolladores principiantes, un DTD estricto puede parecer 'demasiado estricto'.

Un consejo sobre la declaración de tipo de archivo

Si deseas que tu página sea verificada como XHTML correcto, tu página debe contener una declaración de tipo de archivo.

Es importante tener en cuenta que los navegadores modernos tratan los documentos de manera diferente según el tipo de archivo declarado. Si un navegador lee una declaración de tipo de archivo, lo procesará de manera 'correcta'. Sin DOCTYPE, el documento puede mostrarse de manera completamente diferente.

Etiquetas y nombres de atributos en minúsculas

Dado que XHTML es sensible a mayúsculas y minúsculas, y también porque XHTML solo acepta etiquetas HTML y nombres de atributos en minúsculas, puedes ejecutar un comando simple de búsqueda y sustitución para cambiar todas las etiquetas en mayúsculas a minúsculas. Haz lo mismo con los nombres de los atributos. Hemos estado usando letras minúsculas en nuestro sitio web, por lo que básicamente, la función de sustitución no ha sido muy útil.

Añadir comillas a todos los atributos

Dado que el estándar W3C XHTML 1.0 requiere que todos los valores de atributos estén entre comillas, si no has prestado atención a este detalle anteriormente, necesitas revisar cada página del sitio. Es un trabajo que lleva mucho tiempo, por lo que nunca olvides agregar comillas a los valores de los atributos.

Etiquetas vacías: <hr> , <br> y <img>

En XHTML no se permite el uso de etiquetas vacías (Empty tags). Las etiquetas <hr> y <br> deben reemplazarse por <hr /> y <br />.

Esto genera un nuevo problema, ya que Netscape malinterpretará la etiqueta <br/> . No estamos seguros de la razón, pero después de cambiarla a <br />, ya no hay problemas. Después de darte cuenta de esto, necesitas cambiar nuevamente las etiquetas mediante la función de búsqueda y sustitución.

Otras etiquetas (como la etiqueta <img>) también pueden encontrarse con los mismos problemas. No utilices etiquetas de cierre para cerrar <img>, sino que agrega / > al final de la etiqueta.

Verificar sitio

Después de hacer todo esto, utiliza el siguiente enlace para verificar todos los páginas modificadas según el DTD oficial de W3C: Validador XHTML. Puede que se descubran algunos errores adicionales, que se corregirán uno por uno (manualmente). Nuestra experiencia es que el error más común es omitir la etiqueta </li> en las listas.

¿Deberíamos usar herramientas de conversión (como TIDY)? Sí, podríamos usar TIDY.

HTML TIDY de Dave RaggettEs una herramienta gratuita para limpiar código HTML. En lo que respecta a manejar código HTML difícil de leer generado por editores de código HTML especializados y herramientas de conversión, TIDY hace un excelente trabajo. Además, puede ayudarte a descubrir cuáles son las áreas de tu sitio web que necesitan más atención para que las páginas sean más accesibles para personas con discapacidades.

Las razones por las que no hemos utilizado Tidy son las siguientes: cuando comenzamos a crear este sitio web, ya estábamos muy familiarizados con XHTML. En ese momento, ya sabíamos que debíamos usar etiquetas en minúsculas y añadir comillas a los atributos. Por lo tanto, durante el proceso de prueba del sitio, solo realizamos pruebas a través del validador XHTML de W3C y corregimos algunos errores. Lo más importante es que ya hemos aprendido mucho sobre la escritura de código HTML en estilo Tidy.

Lectura complementaria

Si desea comprender mejor el uso de XHTML para estructurar páginas, lea:Estructuración de XHTML》。