La Escuela del Programador

 

La Sentencia DOCTYPE

HTML (siglas de HyperText Markup Language), es un lenguaje de marcación de hipertexto que se utiliza como la manera estándar para crear páginas web. Es usado para describir la estructura y el contenido de una página web, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de etiquetas (tags), rodeadas por corchetes angulares (<,> por ejemplo: <p>, <html>, <a>, <img>, etc).

La última versión (aun en borrador, al escribir esto, en marzo de 2012) es HTML 5. Si bien en las primeras versiones también se usaba el HTML para dar formato a las pagínas eso ya es considerado obsoleto y una mala práctica y para ese fin se utilza CSS (Hojas de estilo de cascada). Para más información sobre CSS, vaya al apartado CSS

La estructura o esqueleto que debe tener toda página html es la siguiente:

<!DOCTYPE html>
<html>
    <head>
        <title>Una página HTML</title>
        <meta http-equiv="Content-Type" 
                 content="text/html; charset=UTF-8">
    </head>
    <body>
       <!-- Aqui irá el contenido -->
    </body>
</html>

La primera sentencia :

<!DOCTYPE html>

no es una etiqueta HTML, sino una instrucción al web browser que le indica que tipo de documento esperar. Si usamos HTML 5 la declaración debe ser la escrita arriba y debe ser siempre la primera cosa en el documento HTML, antes de la etiqueta <html>.

En HTML 4.01, todas las declaraciones <!DOCTYPE> requieren una referencia a un DTD, porque HTML 4.01 estaba basado en SGML. HTML 5 no se basa en SGML, y por lo tanto no requiere una referencia a un DTD.

 

En HTML 4.01 hay tres diferentes declaraciones <!DOCTYPE>:

Strict

Contiene todos los elementos y los atributos de HTML, pero NO INCLUYE elementos obsoletos de presentación o formateo (como <font> o <center>). No se permiten Framesets.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
                       "http://www.w3.org/TR/html4/strict.dtd">

Transitional

Contiene todos los elementos y los atributos de HTML, INCLUYENDO elementos obsoletos de presentación o formateo (como <font> o <center>). No se permiten Framesets.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                        "http://www.w3.org/TR/html4/loose.dtd">

Frameset

Este DTD es igual al DTD de HTML 4.01 Transitional, pero permite el uso de framesets.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" 
                         "http://www.w3.org/TR/html4/frameset.dtd">

En HTML 4.01 tambien existen 3 DTD para XHTML (HTML expresado como XML válido), donde la escritura de las etiquetas deben ser escritas como XML bien formado. Para mayor información ver XML

XHTML 1.0 Strict

Contiene todos los elementos y los atributos de HTML, pero NO INCLUYE elementos obsoletos de presentación o formateo (como <font> o <center>). No se permiten Framesets. El documento debe ser escrito como XML bien formado.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional

Este DTD contiene todos los elementos y atributos de HTML, INCLUYENDO elementos de presentación y obsoletos (como font). Framesets no son permitidos. El marcado debe ser escrito como XML bien formado.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset

Este DTD es igual al XHTML 1.0 Transitional, pero permite el uso de framesets.

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1

Este DTD es igual al XHTML 1.0 Strict, pero permite agregar módulos (por ejemplo para proveer soporte ruby para lenguajes del este de Asia).

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
En HTML 5 sólo hay una declaración, que como se ve es mucho mas sencilla:
<!DOCTYPE html>
respag   
Panamá © 2012
http://respag.net/la-sentencia-doctype.aspx