martes, 11 de enero de 2011

01.- Declaración del tipo de documento y alguna otra idea

El documento HTML tiene que empezar con una declaración del DOCTYPE (tipo de documento: doc de documento, type de tipo).
Es una declaración absolutamente sencilla.
Nada que ver con las complejidades del XHTML que también tenía la declaración del tipo de documento como obligatorio (no así en HTML 4).
Veamos un ejemplo concreto.

 Este es el código que he escrito:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Tipo de documento</title>
<style type="text/css">
IMG.imgcenter{
      display: block;
      margin-left: auto;
      margin-right: auto;
      border:none;
      }
</style>
</head>
<body>
<p>Esto es un documento para mostrar el DOCTYPE del HTML 5.</p>
<p>Pulsa con el botón derecho del ratón sobre cualquier parte de este documento para ver el código fuente.</p>
<p>Pulsa sobre la imagen para comprobar que la página está correctamente escrita.</p>
<hr />
<a href="http://validator.w3.org/check/referer" title="Pulsa para comprobar la validez del código de la página">

<img src="img/validator.png" alt="W3C_validator" width="80" height="15" class="imgcenter">
</a>
</body>
</html>

En lo que respecta a este contenido la única línea que nos importa es la primera.
En ella se produce la declaración del tipo de contenido.
Como se puede observar es absolutamente sencilla:

<!DOCTYPE html>

Nada más.
En las dos siguientes entradas comentaré la cuarta línea del código.
Y las correspondientes al centrado de la imagen.
Este blog da por supuesto que el lector conoce el viejo lenguaje HTML 4.
En caso de no ser así, es conveniente familiarizarse con el mismo.
En este manual puedes hacerlo.

En este página se explica la declaración del tipo de documento.

No hay comentarios:

Publicar un comentario