1 DOCTYPE: Tipo de documento

Etiqueta localizada al comienzo del documento encargada de definir el tipo de documento HTML/XHTML que sigue a continuación. Junto con la extensión del documento (*.html, *.htm, *.xhtml), informa al navegador o cliente Web del estándar utilizado en la creación del documento, su versión y las reglas seguidas en su etiquetado. La especificación del DTD seguido en su elaboración permitirá validar posteriormente el documento.

Nota.: DTD, Document Type Definition, es el documento elaborado por el W3C donde se definen la reglas o recomendaciones de etiquetado del documento en función de las cuales se valida.

↑↑↑

1.1 Etiqueta aconsejada

↑↑↑

1.1.1 Documento XHTML versión 1.1:

Se corresponden con la evolución de la recomendación XHTML 1.0 asociada al documento de tipo strict. Las nuevas versiones desaconsejan la utilización del modo transitional o frameset y centran sus esfuerzos para que de manera global los sitios Web sean estrictos en su desarrollo.

<DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Determinadas etiquetas HTML y atributos que eran utilizados clásicamente en HTML y que pueden ser utilizados en el modo transitional, en modo strict han sido desaprobados y no es aconsejable su utilización. Etiquetas comúnmente utilizadas como <center> Contenidos HTML </center> para centrar los contenidos del documento en su presentación, o <font> Texto </font>, usada para dar un aspecto agradable al texto en su presentación, están desaconsejados por el W3C. De igual forma, atributos como background, utilizado para personalizar el fondo del cuerpo del documento, bgcolor, para asignar un color de fondo a una tabla o al propio documento, o border, usado para asignar un borde a una imagen, tampoco podrán ser utilizados de manera estricta.

↑↑↑

Lista de estas etiquetas y atributos desaprobados:

1.1.1.1 Elementos desaprobados

applet.
basefont.
center.
dir.
font.
frame. (F).
frameset. (F).
iframe. (L).
isindex.
menu.
noframes. (F).
s.
strike.
u.

L: Elementos permitidos en los documentos de tipo XHTML 1.0 transicional.
F: Elementos permitidos en los documentos de tipo XHTML 1.0 con marcos.
Nota: Texto original copiado de la pagina http://www.tierradenomadas.com/tw001a.html

1.1.1.2 Atributos desaprobados

align, en: caption, img, input, object, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p.
alink.
background.
bgcolor.
border, en: img, object.
clear, en: br.
compact.
height, en: td, th.
hspace.
lang. (1.1).
language.
link.
name. (1.1 en: a, map).
noshade.
nowrap.
size, en: hr.
start.
style. (1.1).
target. (L).
text.
type, en: li, ol, ul.
value, en: li.
version.
vlink.
vspace.
width, en: hr, td, th, pre.

L: Atributos permitidos en los documentos de tipo XHTML 1.0 transicional.
1.1: Atributos desaprobados en la especificación XHTML 1.1.
No se incluyen los atributos correspondientes a elementos desaprobados.
Nota: Texto original copiado de la pagina http://www.tierradenomadas.com/tw001a.html

1.1.1.3 Incompatibilidades entre elementos

Un elemento a no puede contener otros elementos a.
Un elemento pre no puede contener los elementos img, object, big, small, sub o sup.
Un elemento button no puede contener los elementos input, select, textarea, label, button, form o fieldset.
Un elemento label no puede contener otros elementos label.
Un elemento form no puede contener otros elementos form.

No se incluyen aquellas incompatibilidades que afectan a elementos desaprobados.
Nota: Texto original copiado de la pagina http://www.tierradenomadas.com/tw001a.html

↑↑↑

1.2 Etiqueta valida pero NO aconsejada

↑↑↑

1.2.1 Documento HTML 4.01 ó XHTML 1.0 transitional:

Como bien indica su nombre, es un tipo de documento transitorio. Está pensado para ser utilizado mientras se produce la transición del HTML clásico al HTML/XHTML estricto (strict), tanto por parte de los diseñadores de páginas Web como por parte de los desarrolladores de los intérpretes HTML o clientes Web.

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

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

↑↑↑

1.2.2 Documento HTML 4.01 ó XHTML 1.0 strict:

Se corresponde con un tipo de documento donde se intenta separar completamente, por un lado, los contenidos y, por otro, su presentación, respetando simultáneamente un conjunto de reglas sintácticas y semánticas. En el HTML clásico ambos aspectos estaban mezclados, donde al mismo tiempo que se etiquetaba el contenido del documento, mediante sus atributos se controlaba su aspecto en la presentación.

La forma de conseguir esta separación es mediante la utilización de hojas de estilo CSS, haciendo que los documentos sean más modulares, compactos y más legibles de cara a su posterior mantenimiento.

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

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

↑↑↑

1.2.3 Documento HTML 4.01 o XHTML 1.0 frameset:

Equivalente al tipo transitional, añadiendo a este la posibilidad de utilizar marcos o frames. Esta opción nos permite dividir la pantalla del navegador Web en diferentes zonas o marcos, asignando a cada una de ellas un documento diferente, organizando de una forma muy sencilla la presentación de los contenidos.

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

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

¡¡Observación!! Las nuevas versiones de HTML. y XHTML desaconsejan la utilización de estos marcos por varias razones, entre las cuales podrían destacarse las siguientes:

La página Web ya no se corresponde con un único documento HTML/XHTML, sino con tantos documentos como marcos sé establezcan. Esto provoca que el tiempo invertido por el navegador web en presentar los contenidos sea mayor.
Origina problemas de impresión en papel de los contenidos visualizados ya que al corresponderse cada frame con un documento, el navegador web puede tener problemas para identificar exactamente qué documento queremos imprimir
Presenta problemas de navegación al intentar acceder a documentos anteriores o siguientes
El navegador puede encontrar problemas al intentar añadir una pagina a marcadores favoritos, al ser la pagina un combinación de varias paginas
La facilidad de organización en la presentación de contenidos no justifica su utilización, ya que mediante el uso de páginas de estilos CSS es muy fácil conseguir resultados similares

Etiqueta DOCTYPE

Descripción general

[TOC] Tabla de Contenidos