Imagen Header Un Blog Mas Jordi Abad

XHTML + CSS, Ok!

Hoy me he fijado que UnBlogMas iba presumiendo de cumplir con las especificaciones del W3C (World Wide Web Consortium) cuando en realidad no era así.

En cuanto al XHTML tenía 11 errores debidos a que cuando modifiqué el theme de WordPress añadí algunes errores. Os los voy a explicar por si alguna vez os ha sucedido:

1.

Utilizar los tags <center></center> para centrar algún texto y/o botón

Este atributo no está permitido en XHTML 1.0 ni lo estará en sucesivas versiones. Todo lo que es presentación debe estar en un archivo css.

SOLUCION:

Utilizar el siguiente código: <p class="centrado">texto</p> en el html y añadir a mi archivo css la definición de la clase "centrado":

p.centrado{
text-align: center;
}

2.

Llamar a un atributo definido como <div id="pepito">texto</div> más de una vez

Solo puede haber un id con el mismo nombre (pepito) en todo el documento XHTML.

SOLUCION:

Definir el div con class en vez de con id: <div class="pepito">texto</div>. En el CSS añadir:

div.pepito{
...propiedades para pepito...
}

3.

Definir dos <li> seguidos. Es decir <li></li><li></li>. Quedaba de la siguiente manera:
<ul>
<li>texto</li>
<li><li>texto</li></li>
</ul>

Esto no tiene sentido para las listas… Fue un fallo al escribir código rápido.

SOLUCION:

Añadir una lista desordenada entre los dos li's. Lo correcto es:

<ul>
<li>texto</li>
<li>
<ul><li>texto</li></ul>
</li>
</ul>

Bueno, como podeis ver son errores de “novatillo” pero que va bien tenerlos en cuenta para que no vuelvan a repetirse.

En estos momentos, un vez solucionados estos flecos, Un Blog Mas ya cumple con la especificación del W3C en cuanto a XHTML y CSS. Como prueba de ello, he añadido dos botones en el blog que indican que el blog sigue los estandares (XHTML y CSS).

Desde aquí, animaros a que sigais los estándares en vuestras páginas web y que no hagais “chapuzas” para adaptar vuestras webs a Internet Explorer o a Netscape. Siguiendo las especificaciones del W3C no os pasará eso de: “Es que en el Explorer se ve de una manera y en Nestcape de otra” en la mayoría de los casos.


1 Comentario por lo menos ...

Una de las mejores formas de comprobar el código, es validándolo. El problema es que a veces el consorcio es un poco parece que habla en clave y no hay nadie que lo entienda. Pero bueno, ayuda.

Comentario publicado el 30 agosto 2005 02:22 pm
(required)
(will not be published) (required)
(opitional)

Suscripción

Categorías

Cifras

  • 725 artículos
  • 2,571 comentarios
  • 1,071 usuarios
  • 67 enlaces