Septiembre 13, 2007 ~ Permalink
Principales motivos por los cuales tu HTML tal vez no valida
Si al ingresar a esta página y colocar la URL de tu sitio/blog aparece un cartel en rojo significa que tu (X)HTML no es válido. Tal vez aparezcan más de 100 errores, pero no desesperes porque la mayoría provienen de cometer los mismos fallos repetidas veces.
Estos errores muchas veces no los percibimos en el navegador ya que no afectan como el sitio se ve y es por eso que los pasamos por alto. A continuación los más comunes y las formas de solucionarlos.
- Objetos agregados
No son pocos quienes agregan a su sidebar todo botón, banner, lector de feed en flash, información sobre el clima y chat que pueda embeberse o insertarse con un simple código. El problema es que muchas veces estos no son válidos y afectan al HTML en general. Probando cuales validan y cuales no y luego haciendo una “limpieza” podremos solucionar el problema. - Tags sin cerrar
Muchas veces el problema radica en que por descuido dejamos tags sin cerrar, ya sea un div, li, span o cual fuera. Leyendo el código línea por línea podemos determinar si es correcto, para esto es necesario siempre escribirlo con prolijidad. - Inserción de una imagen
Algo que por lo general ocurre es que al insertar una imagen no utilizamos el código correcto u olvidamos especificar algunos atributos. Por si la imagen no puede cargarse debe tener un texto alternativo que se mostrará en ese caso (alt). La correcta inserción de una imagen debe ser:<img xsrc="http://url.com/delaimagen.jpg" alt="Imagen" />. También podemos añadir title para que un texto corto se despliegue al pasar el cursor sobre ella, pero no es necesario para que valide. - Elementos fuera de lugar
Por ejemplo con las listas tenemos que ser cuidadosos, no podemos colocar un elemento de lista li, fuera de una lista ol o ul, ni tampoco colocar otros elementos dentro de esta lista.
Existen infinidad de errores más, pero considero que estos son los más comunes. De más está decir que Google puede sernos de gran ayuda ante cualquier duda que tengamos sobre la manera correcta de escribir nuestro HTML, que obviamente es una sola, explicada claramente en miles de manuales.
- Jueves 13 de Septiembre de 2007 a las 11:33 ~ Translate to english
- Categorías ~ Diseño
- 6 comentarios realizados ~ Enlaces a esta entrada
- Digg ~ Menéame ~ del.icio.us ~ Fresqui ~ Mister Wong
- Enlazar este post ~
- Enlace corto ~
- ← La importancia de la ortografía
- Errores de Windows →
A esta altura me considero casi un experto en esto de las validaciones. Me tomé mucho trabajo en validar mi blog, así que quiero agregar unas cositas a tu interesante post.
Por un lado, las imágenes, dependiendo el tipo de validación que hagas, hay que “autocerrarlo”, al igual que pasa con br, por lo que debería quedar
.Por otro lado, otra cosa que es muy común, como decís en el punto 2, es dejar tags sin cerrar, lo que produce también que la próxima vez que cerremos un tag, lo interprete como cerrando el primero, lo que lleva a muchísimos errores, que se solucionan sólo cerrando un tag.
Con esto quiero decir que no siempre que aparezcan 193 errores, es que hay que arreglar 193 cosas. Es muy común que uno sea consecuencia del otro.
Por último, hay muchos que agregan el buscador de Google que ofrece en AdSense, pero el código que otorgan, no valida (al menos XHTML 1.0 Transitional). Esto se puede solucionar modificando ‘checked’ por ‘checked=”checked”‘. Eso sí, cuidado con esto porque a Google no le gusta que modifiquen sus códigos y lo considera una infracción a sus normas, aunque este caso creo que lo permiten (aún estoy esperando la respuesta al mail que envié con esta consulta).
Saludos.
No me tomó el (o es ‘la’) tag code
Seguido a “por lo que debería quedar:”, debería estar el mismo código que pusiste, pero terminando en ‘alt=”Imagen”/>’
Es todo un tema poner código en el post o en los comentarios, Ya corregí lo del post.
Gracias Fepe por el aporte.
¿porque no valida nuestro HTML?…
Leyendo el blog de Horacio Bella encontré este interesante artículo que nos explica los principales motivos por el cuel nuestro HTML no valida.
Objetos agregados
No son pocos quienes agregan a su sidebar todo botón, banner, lector de feed en flash,…
[…] Lo básico y esencial que un diseñador web debe conocer es XHTML y CSS, el alma y vida de los sitios de internet. Debe conocer cada tag, para que sirve y en que situación utilizar cada elemento. Además debe hacer que ese código sea armónico y valide. Al margen de esto también debe hacer que se vean bien en todos los navegadores, entre los cuales se encuentra Internet Explorer en su versión 6. […]
[…] Lo básico y esencial que un diseñador web debe conocer es XHTML y CSS, el alma y vida de los sitios de internet. Debe conocer cada tag, para que sirve y en que situación utilizar cada elemento. Además debe hacer que ese código sea armónico y valide. Al margen de esto también debe hacer que se vean bien en todos los navegadores, entre los cuales se encuentra Internet Explorer en su versión 6. […]