1. Usar el mismo id para varios elementos.

Este es el error que más veo en las páginas web, un id es un identificador único, eso quiere decir que no se puede usar más de una vez, por ejemplo si tienes un <div id="enlaces"> ningún otro elemento puede tener ese id. Digamos que si tus elementos fueran automóviles, sus id serían su numero de placa.

Si lo que quieres es darle estilos a un grupo de elementos lo que tienes que usar es class, de nuevo, si tus elementos fueran autos, podrías definir por ejemplo class="toyota" para todos los autos que sean de ese fabricante.

2. Usar elementos depreciados.

Hace años que se dejaron de usar varias etiquetas, entre ellas <i> que servía para marcar texto en cursivas y <b> para marcar texto en negritas.

Parece broma, pero muchas páginas aún tienen estas etiquetas, y no hablo de páginas que se hicieron hace años, sino páginas que salen todos los días.

Lo correcto es usar <strong> para texto en negritas y <em> para texto en cursivas (siempre y cuando quieras darle énfasis a esas palabras).

Si lo que buscas es solamente decorativo, te recomiendo usar por ejemplo <span class="negritas">, ojo que esto no va a hacer que el texto que está dentro de ese <span> se ponga en negritas así nada más, necesitas definir el CSS para eso, aquí está el código:

3. No poner los elementos inline dentro de elementos de bloque.

Este es un error clásico, en HTML existen elementos de linea (inline) como <span>, <a> o <img> y elementos de bloque (block) como <p>, <h1> o <blockquote>

La idea es que los elementos inline siempre van dentro de los elementos block, por ejemplo esto es válido:

<h1><a href="http://aprendiendoweb.com">Aprendiendo Web</a></h1>

Pero esto no:

<a href="http://aprendiendoweb.com"><h1>Aprendiendo Web</h1></a>

4. Definir mal o no definir la codificación de caracteres.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Aquí se define la codificación de caracteres, le estás diciendo al navegador que caracteres vas a usar, porque obviamente no es lo mismo escribir a, que á o à.

Este tema es un poco más complicado y sería muy largo definirlo aquí, pronto haré un post al respecto, mientras tanto define el charset como utf-8

5. No definir el elemento <title>.

¿Te imaginas un libro sin titulo?, peor aún, ¿te imaginas un estante lleno de libros sin título?

Pues más o menos eso es lo que pasa cuando no defines un <title>, sabes que los buscadores como Google o Yahoo muestran los títulos de las páginas en los resultados de búsqueda, también sabes que cuando guardas una página como marcador tu navegador la guarda con el título de la página.

Ya te imaginas los problemas que esto puede causar.

5 errores más comunes:

1. Usar Frontpage.

1. Usar Word para editar paginas.

1. Usar plantillas de internet.

1. Hacer web en Wilson*

1. Colgar tu web en geocities