Errores html típicos que todos cometemos alguna vez

Errores html típicos que todos cometemos alguna vez

Print Friendly, PDF & Email
Valora esta entrada

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!

Francesc Ricart
hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. 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.