Curso de XHTML - Visualizar XHTML en los navegadores actuales

Los documentos XHTML que hemos generado se visualizan sin problemas en el navegador IE5, pero esto no es así en todos los navegadores, inclusive en algunos de éllos hay problemas debido a los elementos vacíos como <br/>, <hr/>.

Aunque, según la especificación no hay ninguna obligación de que los documentos XHTML 1.0 sean compatibles con los navegadores existentes, en la práctica es algo fácil de conseguir. Las principales directrices para crear documentos compatibles según la especificación son las siguientes:

• Elemento vacíos . Incluir un espacio en blanco antes de la barra y ángulo de cierre / y > de los elementos vacíos, por ejemplo: <br />, <hr /> y <img src="imagen.gif" alt="imagen" />. También usar la sintaxis minimizada de etiquetas para los elementos vacíos, por ejemplo <br />, dado que la sintaxis alternativa a <br></br> permitida por XML da resultados no previsibles en muchos de los navegadores ya existentes. Debe fijarse de como la aplicación Tidy tiene en cuenta esta regla en el momento de generar el XHTML.

• Minimización de elementos . Dado un elemento vacío cuyo modelo de contenido no es empty, como por ejempo un título o un párrafo, no utilizar la forma minimizada, es decir escribirlo como: <p> </p> en lugar de <p/>.

• Hojas de estilo y archivos de código incrustados . Usar hojas de estilo externas o archivos de código externo si la hoja o el código en cuestión utiliza los caracteres < o & o ]] > o --. Notar que los analizadores XML tienen permitido suprimir el contenido de los comentarios. De esta manera, la práctica común hasta ahora de "esconder" los fragmentos de código (script) y hojas de estilo (style) entre comentarios, para hacerlos invisibles a antiguos navegadores, normalmente no funcionará en aplicaciones basadas en XML.

• Saltos de línea dentro de valores de atributos . Evitar saltos de línea y múltiples espacios en blanco dentro de los valores de los atributos. Estos son manipulados de manera inconsistente por los navegadores.

• Identificadores de fragmentos . En XML, los URI que terminan con identificadores de fragmentos del tipo #identificador no se refieren a elementos con un atributo name=identificador, sino que se refieren a elementos con un atributo de tipo ID. Muchos navegadores actuales no soportan este uso de atributos de tipo ID, de tal manera que se pueden dar valores idénticos a ambos atributos para asegurar la máxima compatibilidad futura y retroactiva. Por tanto, en estos casos es recomendable escribir: <a>...</a>. Finalmente, notar que XHTML 1.0 tiende a desechar el atributo name de los elementos.

• Uso del carácter & en valores de atributos. Cuando el valor de un atributo contenga un carácter &, debe expresarse como una referencia a la entidad de tipo carácter (por ejemplo: &amp;"). Por ejemplo, cuando el atributo href del elemento a apunte a un código CGI que tome parámetros debe expresarse como http://www.sylentia.com/cgi-bin/programa.pl?dato1=33&amp;dato2=43∞ en lugar de http://www.sylentia.com/cgi-bin/programa.pl?dato1=33&dato2=43∞.

• Codificación de caracteres . Para especificar una codificación de caracteres en el documento, usar tanto la especificación del atributo de codificación en la declaración XML (por ejemplo <?xml version="1.0" encoding="iso-88590-1"?>) como una sentencia meta http-equiv (por ejemplo <meta http-equiv="Content-type" content='text/html; charset="iso-88590-1"' />). El valor del atributo de codificación de la instrucción de proceso XML tiene preferencia.

Existen algunas directrices más, pero estas son las mas comunes y suficientes para conseguir que nuestros documentos XHTML se vean correctamente en los navegadores actuales.