Estructura básica de una web

Una de las grandes dificultades de éste trabajo y a la vez, lo bonito, es lo rápido que cambia el modo en que se hacen las cosas. De ello te das cuenta cuando haces un parón, aparentemente breve, y cuando vuelves a establecer contacto con tu gremio, a través de colaboraciones, grupos, etc., te das cuenta de lo importante que es luchar contra el desempleo y el lapsus temporal que te puede llegar a crear si no te preocupas de estar al día por una vía u otra.

El HTML5, es una mísera parte, de todo lo que llamo, el movimiento “Responsive”. Y cómo el tema es amplio o infinito… iré colgando artículos, poco a poco sobre todo ésto.
Recordando, aprendiendo y corrigiendo pues … Semper Avanti

Comenzaremos por un recordatorio de la estructura básica de un web, es el nivel -3 para crear una web, pero necesario de recordar para irlo complicando.

La declaración del tipo de documento:

<!DOCTYPE html>

Es secilla, no hay que recordar mucho ni especificar mucho más aquí, al contrario que HTML4 o XHTML1.0

La declaración del tipo de codificación también debemos ponerla aunque por defecto sea UTF-8, como sabemos dentro de <head> </head>, también es sencilla:

<meta charset="UTF-8">

Luego están los elementos que ya conocemos de anteriores versiones: head y body.

Recordemos que la etiqueta <head> contiene elementos necesarios para que el navegador interprete correctamente la página, nos referimos a: los meta, los enlaces a javascript y hojas de estilo, el title del documento que contendrá la información del tab del navegador. Nada de esto será visible para el usuario cuando visite la página, y si lo ves, es porque alguna etiqueta te la dejaste abierta.

La etiqueta <body>, sin embargo, alberga todo lo visible al usuario.

Así que el código fuente de una página básica en HTML5, sería así:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Título del documento – lo que se ve en la pestaña del navegador</title>
</head>

<body>
Contenido del documento, todos los contenidos de la web……
</body>

</html>

Luego, está claro, tenemos que ir metiendo contenidos estructurados, para ello, usaremos antiguas etiquetas y nuevas.
Las veteranas <div> y <span> seguimos usándolas, nos guste o no, pero incorporamos las nuevas de HTML5 para dar el sentido al contenido. Hablo de algunas como <article>, <aside>, <footer>, <header> no confundir con <head>, <nav>, etc. Que veremos en el siguiente artículo sobre HTML5.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s