Errores html típicos que todos cometemos alguna vez

Errores html típicos que todos cometemos alguna vez

5
(1)

Cuando aprendemos una lengua nueva es normal que se nos olviden normas ortográficas y/o gramaticales o que se nos olvide el vocabulario.

Con el HTML (HTML5) sucede exactamente lo mismo.

En esta entrada se recopilan errores típicos que todos cometemos cuando somos todavía inexpertos en este mundo del lenguaje de marcado.

Etiquetas no cerradas

<!-- mal: -->
<p>Una etiqueta no cerrada

<!-- bien: -->
<p>una etiqueta si cerrada</p>

Orden de cierre de etiquetas erróneo

<!-- mal: -->
<p>hola que <strong>tal</p></strong>

<!-- bien: -->
<p>hola que <strong>tal</strong></p>

Escribir etiquetas con mayúscula en html5 o xhtml

<!-- ejemplos mal -->

<P>En XHTML y HTML5 No debemos escribir etiquetas en mayúsculas</P>

<STRONG>otro ejemplo mal escrito. Sin embargo en html 4.01 si se admitía </STRONG>

Combinación errónea de comillas dobles y simples

En html es desconocido por muchos que los atributos de las etiquetas también pueden ir con comillas simples.

Debemos evitar el error de combinar comillas dobles y simples mezcladas.

<!-- mal: -->
	<attr title="Hyper Text Transfer Protocol'>HTTP</attr>
	
<!-- bien: -->
	<attr title="Hyper Text Transfer Protocol">HTTP</attr>
	<attr title='Hyper Text Transfer Protocol'>HTTP</attr>

Uso inapropiado del salto de línea

Atención: Inapropiado no significa que no se pueda.

A veces hacemos un abuso de la etiqueta <br> (html5) o <br/> (xhtml).

A veces es práctico usar varios <br> uno detrás de otro para cuestiones estéticas. Sin embargo lo más apropiado sería usar CSS para todo lo concerniente a la estética.

<!-- mal: -->
<p>un párrafo de texto muy largo que quiero hacer varias líneas y me da un poquito de perza hacerlo con CSS <br><br>entonces como uso wordpress o parecido lo hago con html.</p>

¡Hola!

Querido lector,

En la soledad de nuestro ordenador en ocasiones es difícil ver los errores propios. Sobre todo en esta fase tan inicial en la que todo puede resultar nuevo.

La solución pasa por usar un validador de código. Si tienes curiosidad te recomiendo leer esta entrada sobre validadores de documentos web.

¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!

¿Te ha gustado esta publicación?

¡Valora sobre 5 estrellas esta publicación!

Puntuación media 5 / 5. Votos: 1

Si te ha gustado este contenido...

¡Sígueme en las redes!

Vaya, parece que hay puntos a corregir

¿Me ayudas a mejorar?

Francesc Ricart
hola@francescricart.com

Aprender y enseñar. Enseñar y aprender. En el ámbito docente soy docente ocupacional. En el ámbito profesional consultor web. Ofrezco servicios de mejora continua y mantenimiento web. ¿Qué quieres aprender hoy? Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.