Qué es HTML5

HTML5 es un estándar que auna 3 tecnologías:

  • HTML: Lenguaje de etiquetas HTML, el cual no es denominado lenguaje de programación, ya que no llega a reunir las características que se piden para que sea un lenguaje de programación.
  • CSS: tampoco se lo llega a considerar lenguaje de programación, se queda a medio camino.
  • Javascript: sí que se le considera un lenguaje de programación.

HTML nos va a dar la estructura de nuestras páginas web, CSS nos va a dar la apariencia de las páginas web, y Javascript la interactividad y la animación de las páginas web.

Un lenguaje de etiquetas es algo que va entre los símbolos menor que (<) y mayor que (>).

<html> </html>

Una etiqueta normalmente consta de dos partes, de apertura y de cierre, como vemos en el ejm de arriba.

Comienzo de la estructura de una página web

La estructura de una página web comenzará siempre de la siguiente forma:

<html>

</html>

Todo el código irá entre estas dos etiquetas. Antes de esta primera etiqueta HTML hay que especificar en que versión de HTML vamos a programar, lo hacemos de la siguiente forma:

<!DOCTYPE html>
<html>

</html>

Esta etiqueta es nueva en la versión de HTML5.

Etiqueta <head>

Después de la etiqueta <html> se pone la etiqueta <head> de la siguiente forma.

<!DOCTYPE html>
<html>
<head>

</head>
</html>

Esta etiqueta no es visible para los usuarios. En el <head> se pueden incluir las hojas de estilo, los archivos Javascript externos, también se suelen incluir iconos que aparecerán en la barra de título, el título. Las etiquetas <meta> son muy importantes para los buscadores, para que éstos puedan categorizar nuestra página. Las principales etiquetas <meta> que vamos a encontrar son:

<!DOCTYPE html>
<html>
<head>
<meta charset="iso-8859-1" /> // especifica como es presentado el texto en la página
<meta name="description" content="descripción de la página" />
<meta name="keywords" content="palabras clave de la página" />
<meta name="author" content="Sutil Web" />
</head>
</html>

Cuando utilizamos un editor web normalmente aparecerán estas etiquetas meta por defecto cuando creamos un archivo html. Estas etiquetas no tienen par de cierre, y se indican poniendo una barra invertida al final, como en la etiqueta <meta> que hemos puesto.

Atributos

Las etiquetas HTML, opcionalmente pueden llevar atributos, como en el caso de <meta name="keywords"...>name sería el atributo, y keywords sería el valor del atributo.

La etiqueta <meta name="keywords"...> ha perdido mucho valor para los buscadores porque se ha abusado mucho de la misma, por lo que los mismos no la tienen tan en cuenta.

Etiqueta <body>

Es quizá la más importante de las etiquetas, ya que la información visible es la que está dentro de esta etiqueta. Todo lo que introduzcamos dentro del <body> se verá.

<!DOCTYPE html>
<html>
<head>
<meta charset="iso-8859-1" />
<meta name="description" content="Descripción" />
<meta name="keywords" content="Palabras clave" />
<meta name="author" content="Sutil Web" />
</head>
<body>

</body>
</html>

El archivo lo tendremos que guardar con la extensión ".html". Esto es imprescindible para que el archivo sea un archivo html.