Errores comunes XHTML en WordPress

Una vez que te adentras en las interioridades del código de WordPress, y le pierdes el miedo a aprender y utilizar un poco de código en tu blog, es bastante frecuente no tener en cuenta algunas de las reglas de XHTML.

Y es que la mayoría de los themes WordPress, así como la estructura interna del mismo, utilizan estándares XHTML, similar a HTML pero mas maduro y estable. A pesar de ello, hay algunas reglas a seguir para evitar incurrir en errores que, en ocasiones, pueden arruinar el aspecto de nuestro blog o los artículos que publiquemos. Vamos a ver los mas comunes …

Cierra todas las Tags

XHTML requiere el cierre de todas las tags. Por ejemplo, en HTML puedes abrir una tag <p> y no cerrarla y tu código validará, pero no en XHTML, y es posible que obtengas errores de visualización no deseados. Es por ello que siempre debes cerrar las tags. Siempre se ha recomendado hacerlo pero con XHTML “hay que hacerlo”.

El modo incorrecto de hacerlo sería este:

<p>Esto es un párrafo

Y el correcto este otro:

<p>Esto es un párrafo</p>

Tags con auto-cierre

XHTML hace énfasis en cerrar TODAS LAS TAGS, no solo las abiertas. Hay algunos elementos como los saltos de línea o las imágenes que no tenían tags de cierre en HTML pero tienen auto-cierre en XHTML.

Las Tags que que requieren auto-cierre son estas:

<br> <hr> <meta> <link> <input> <img>

Para aplicar el auto-cierre hay que añadir /> al final. Por ejemplo:

Orden de las Tags

Otro error muy habitual es la colocación de los cierres de tags cuando se aúnan varias en un mismo elemento. Por ejemplo:

debería ser así:

Las Tags deben ir en minúsculas

Olvídate de virguerías como <StronG>Esto va en negrita chula porque ella lo vale</StronG> y ponlo correctamente:

Las imágenes deben tener un texto alternativo

Y un texto alternativo no es un parlamento ni descripción de lo que se te pase por la cabeza al verla, sino un texto que “describa la imágen”. O sea, que si pones una foto de un atardecer no pongas algo como …

sino que debes hacerlo así …

Bien, pues eso es todo, espero no haberte aburrido, que esto del código es lo que tiene. Y espero que a partir de ahora, cuando vayas a escribir algo de código te acuerdes de estas sencillas reglas XHTML y así, de paso, valides correctamente tu blog.

AVISO: esta publicación es de hace dos años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

VALORA ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
FlojitoNo está malEstá bienMe ha servidoFantástico (1 votos, promedio: 5,00 de 5)
Cargando…

Autor: Fernando Tellado

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran. Autor del libro WordPress - La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad

Pin It on Pinterest

Share This
Ir al contenido