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:

<br />
<hr />
<meta name="author" content="Tu nombre" />
<link rel="stylesheet" type="text/css" href="style.css" />
<input name="ejemplo" type="text" />

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:

<strong><em><u>Coloco las tags como quiero porque soy mas chulo que tu.</strong></u></em>

debería ser así:

<strong><em><u>Coloco las tags para que validen correctamente.</u></em></strong>

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:

<strong>Esto va en negrita chula porque ella lo vale</strong>

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.

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(1 votos, promedio: 5)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación es de hace 3 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.

14 comentarios en “Errores comunes XHTML en WordPress”

  1. Pingback: Bitacoras.com

  2. Lo de las imágenes también puede ser con el tag alt pero sin una descripción: alt=»»

    Aunque lo mejor es siempre ponerle algún texto que describa la imágen por si acaso se rompe, porque por ejemplo en FF no veríamos absolutamente nada si la imágen no está, pero al tener el texto veríamos eso (con IE se ve la famosa X roja)

    Edit: bueno, no me toma lo que puse como ejemplo de código, pero creo que se entendió =P

  3. Pingback: Errores comunes XHTML en WordPres

  4. Y mira que a mi me enseñan HTML puro en vez de XHTML en la universidad, bueno yo seguire los estandares y las nuevas tendencias para un mejor desarrollo de la web. Gracias por el dato!

  5. Hola!!!

    Podrias explicarme el afan que tiene wordpress por cerrarme y abrirme por todas partes???, es este el tipo de cosas que hacen que mi codigo sea invalido…

  6. Hola, me gustaría saber cómo hago para editar html en worpress lo tengo instalado en un servidor de pago pero no sé como hacerlo, necesito poner un menu horizontal en el blog.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba Ir al contenido