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:
Coloco las tags como quiero porque soy mas chulo que tu.
debería ser así:
Coloco las tags para que validen correctamente.
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:
Esto va en negrita chula porque ella lo vale
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.
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
AVISO: Esta publicación hace 3 años o más que no se actualiza. 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. ¡Ah! ¿te sirvió?, pues entonces nada :-)
Lo de las imágenes es el típico «error» de vago… osea yo… 😛
Saludos
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
en «Orden de las Tags» no veo la diferencia entre los ejemplos
Anda, me lo ha corregido el WP 😀
Ahora lo cambio, gracias por el aviso 😉
¡Hala, ya está descabalado!
ya me parecia… yo siempre trato de tenerlo ordenadito a todo 🙂
jeje. saludos!
Otro articulo delicioso. Gracias, soy una bestia dejando etiquetas abiertas y luego lloro porque se ve horrible el blog.
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!
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…
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.
Tienes que modificar la plantilla, los ficheros php que hay en su carpeta, bien por ftp o desde el administrador de archivos del panel de hosting
pero en sí, es más php qué html??? Muchas gracias