Errores html típicos que todos cometemos alguna vez

Errores html típicos que todos cometemos alguna vez

Print Friendly, PDF & Email
Errores html típicos que todos cometemos alguna vez
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!

Entradas relacionadas:

Introducción al HTML
- 843
El HTML es un lenguaje de marcado que constituye uno de los pilares de la web. Es un idioma que se caracteriza por etiquetar el contenido de una página web. El HTML nos ayuda a conferir contenido y es...
Libro digital navegable
- 45
Ejercicio html en el que se practican los conceptos de listas anidadas ul, ol , li , anclas, enlaces, link y url relativas. Incluye solución. ¡Tu primer libro digital con html!
Ejercicio html sobre códigos HTML y caracteres especiales
- 49
Ejercicio html para prácticar los nombres HTML y los códigos HTML de los caracteres más útiles de recordar. Incluye solución.
Creación de formularios html
- 804
En esta entrada repasamos las etiquetas html imprescindibles para escribir formularios así como los atributos más importantes de todos.
Corrige los errores que veas en la estructura web | Ejercicios html
- 48
Ejercicio html dónde se muestran errores comunes que cometemos al escribir documentos html. Incluye solución.
Respuesta a dudas típicas cuando aprendemos html por primera vez
- 55
Cuando aprendes HTML por primera vez se presentan dudas lógicas fruto de nuestra inseguridad. Desafortunadamente en la red, en muchas ocasiones no encontramos las respuestas que necesitamos. En esta ...
Anclas html
- 598
Anteriormente hemos visto que es un enlace y como se construye mediante una etiqueta y cuales son los atributos más importantes que lo acompañan. Hoy vamos a ver una de las utilidades más prácticas d...
Ejercicio html sobre listas anidadas para un menú de navegación
- 61
Ejercicio html dónde se práctica como anidar correctamente una lista no ordenada. Esta lista simula un futuro menú de navegación. Incluye solución.
Practicando con listas ordenadas y listas no ordenadas | Ejercicio html
- 45
Ejercicios html sobre listas ordenadas y listas no ordenadas y el uso de los atributos que pueden acompañar una lista. Inlcuye solución.
Etiquetas html para escribir tablas. Olvídate de atributos obsoletos.
- 854
El uso de tablas html es un clásico dentro del mundo web.  Se usan como recurso para introducir datos en un documento web y nunca para maquetar. ¡O así debería ser! Veamos thead, tbody, tfoot, caption...
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.