¿Existen reglas para escribir código HTML?

En este artículo analizaremos la forma correcta de escribir en código HTML.

La respuesta simple es que no existen reglas, pero sí tenemos varias recomendaciones que ayudan a que un sitio web sea mejor posicionado en los buscadores, y por ende, tenga mayores visitas. Las recomendaciones más importantes son:

Utiliza las etiquetas correctas

La recomendación más importante es usar las etiquetas para lo que fueron hechas, es decir, hay que respetar el formato semántico de la web. Visualmente se vería igual usar un "div" que un "p" para un párrafo. Sin embargo, el "div" es genérico y el "p" tiene el significado de un párrafo, entonces deberíamos priorizar su uso.

También sirve estar al tanto de las etiquetas, relativamente nuevas, como "article" que sirve específicamente para un artículo, o "header" para un encabezado, o "footer" para el pie de texto. El uso de estas etiquetas simplemente sirve para dar contexto a los bloques y para que los programadores dejen de usar el genérico "div" todo el tiempo.

Trata de mantener la estructura lo más sencilla posible

Una gran recomendación es usar la menor cantidad de etiquetas en una página pues los navegadores podrán renderizarla mucho más rápido. Debemos evitar los abusos de elementos y de contenido, lo cual puede provocar que el navegador se congele o sea demasiado lento.

A veces, para solucionar problemas de diseño los programadores abusan de la propiedad "style" en los elementos HTML. Igualmente, para algunas acciones colocan etiquetas "script" directamente en el "body" y no en el "head". En lo posible, el código HTML no debe mezclarse con el código CSS ni JS, aunque en práctica sea posible.

Evita usar los comentarios

Los programadores tienen la posibilidad de escribir comentarios sobre el código HTML. Pero esa es una práctica que debería desaparecer pues no existe ninguna razón por la que debamos exponer al cliente esa información. No solamente hace que el archivo sea un poco más pesado, sino que puede exponernos a fallas de seguridad.

63 me gusta
415 vistas
Anterior Esquema de una página HTML
Siguiente ¿Para qué sirve el código CSS?
Programar en HTML y CSS

Programar en HTML y CSS

En esta lista de tutoriales veremos como programar de forma clara y directa en código HTML y CSS que son la base de la web.

¿Cómo se escribe en código HTML?

En esta sección veremos los elementos y la forma en la que se debe escribir el código de hipertexto o HTML.
Tiene video

Esquema de una página HTML

En este artículo veremos el esquema básico de una página en HTML5, la última version de código HTML que existe.

¿Existen reglas para escribir código HTML?

En este artículo analizaremos la forma correcta de escribir en código HTML.

¿Para qué sirve el código CSS?

Aquí veremos para que sirven las hojas de estilo y su uso en los sitios web.

Unidades de medida CSS

En esta sección analizamos todas las unidades de medida que existen en CSS

Propiedades de estilo CSS de bloques

En este artículo vemos las propiedades de estilo que tienen los bloques utilizando una hoja de estilos CSS.

Propiedades CSS para los textos

Aquí veremos como se puede dar estilo a los textos utilizando las propiedades de estilo CSS.

Selectores de estilo CSS

En esta sección vamos a analizar lo básico sobre los selectores de estilo CSS.

¿Qué sucede si no uso estilos CSS en mi página?

En esta sección analizaremos qué es lo que sucede cuando no se utiliza ninguna hoja de estilos CSS en un sitio web.

¿Debería utilizar un framework CSS?

Muchas veces nos preguntamos si vale la pena utilizar un framework como Bootstrap o MaterialUI. En este artículo analizamos la situacion.