Meta Información

8.
Metainformación (I)
8.1 La etiqueta !Doctype.
Qué es la metainformación.
La metainformación es un tipo de información que ponemos en la página web y que los

usuarios no ven en sus pantallas.
Estos datos siempre están relacionados con la propia página y pueden referirse al tipo de
documento, a su contenido, a su localización por buscadores, etc. La metainformación
siempre se incluye en la sección de la cabecera, es decir, dentro de la etiqueta <head>. Si
bien la etiqueta <!DOCTYPE ... > es la excepción.
!Doctipe: Localización en la página
Como hemos dicho, la posicón de la etiqueta DOCTYPE es una excepción. Debemos ponerla
al principio de la página, antes de cualquier etiqueta, incluso antes de la etiqueta <html>.
Descripción
Si observas el código de algunas páginas, verás que todas empiezan por la etiqueta
!DOCTYPE. Esta etiqueta indica el tipo de documento que vamos a crear.
La etiqueta DOCTYPE es en realidad una declaración de tipo de documento. El navegador va

a tener en cuenta esta etiqueta para ajustar la página a las normas del tipo de lenguaje
indicado en la etiqueta. La no inclusión de esta etiqueta puede hacer que las páginas se vean
de forma diferente en los distintos navegadores, ya que éstos no se ciñen a un tipo de
lenguaje, y pueden interpretar las etiquetas de modo distinto.
para que una página XHTML sea correcta y válida es imprescindible que incluya la
correspondiente etiqueta DOCTYPE. Si la página no está escrita correctamente el navegador
intentará leerla. Hay algunos errores que pueden no afectar a su buena visibilidad, y verse
la página correctamente. sin embargo la página no estará correctamente validada. Más
adelante veremos el proceso de validación de una página.
Atributos de la etiqueta DOCTYPE
Si has abierto el código de alguna página, verás que la etiqueta DOCTYPE lleva siempre una
serie de atributos que son obligatorios para que esté bien escrita. veamos una etiqueta
DOCTYPE y expliquemos sus partes:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">
En esta etiqueta vemos las siguientes partes:
 |DOCTYPE HTML PUBLIC: "DOCTYPE" Es el nombre de la etiqueta: indica el tipo

de etiqueta. "HTML PUBLIC" indica que el documento es de tipo "html" y
"publico" , es decir que es para colgarse en la red. en realidad la etiqueta hasta aquí
define lo siguiente: "documento (DOC) de tipo(TYPE) html (HTML) y de carácter
público (PUBLIC)
 "-//W3C//DTD HTML 4.01 Transitional//EN" Entre comillas se especifica el
tipo concreto de documento que es: W3C: W3C son las siglas de World Wide Web
Consortium, un consorcio que dirige el desarrollo de protocolos comunes que
permiten la operatividad de la red de Internet. DTD: estas letras son abreviatura de
"Document Type Definition" (Definición del Tipo de Documento). HTML 4.01
Transitional. Este es el tipo de documento definido. En este caso indica que es un
documento HTML en la versión 4.01, y en su modo "transitional". EN indica el
idioma en el que está escrito el código html, es decir el inglés. Todos los
documentos html y xhtml llevan siempre la marca EN
 "http://www.w3.org/TR/html4/loose.dtd" Esta parte de la etiqueta no es
obligatoria, sin embargo es conveniente ponerla, en ella se indica una dirección de
Internet. Esta es una URI (concepto similar a URL, pero mas amplio) donde el
navegador puede obtener la DTD y descargarla si la precisa. Estas direcciones nos
llevan al World Wide Web Consortium, (W3C) que como se ha dicho antes es un
consorcio que dirige los protocolos que controlan la operatividad de la red de
Internet.
Modos de la etiqueta DOCTYPE
Dependiendo del lenguaje que usemos, y de su compatibilidad con otros lenguajes,

tendremos las diferentes maneras de escribir la etiqueta DOCTYPE. aquí veremos las
etiquetas DOCTYPE para el lenguaje HTML 4.01 y XHTML 1.0. Las anteriores versiones de
HTML tienen etiquetas similares, pero no vamos a estudiarlas porque apenas se usan.
Cada uno de estos lenguajes admite tres tipos de documento: estricto, transicional, y con
frames.
 Estricto (Strict): Es el más ajustado al estándar. El documento no puede tener

frames ni etiquetas de versiones anteriores que estén en desuso. Los frames son
ventanas dentro de una página donde pueden mostrarse otras páginas o documentos
html. En el siguiente tema veremos más detenidamente los frames.
 Transicional (Transitional): El documento es compatible con versiones
anteriores, aunque el código no se ajuste exactamente al estándar. No admite
frames.
 Con frames (Frameset): El documento es compatible con versiones anteriores,
aunque el código no se ajuste exactamente al estándar y además admite frames.
Veamos las distintas etiquetas DOCTYPE para cada uno de los casos anteriores:
Etiqueta para HTML 4.01 en modo estricto:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"

"http://www.w3.org/TR/html4/strict.dtd">
Etiqueta para HTML 4.01 en modo transicional:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01

Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Etiqueta para HTML 4.01 en modo con frames:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

"http://www.w3.org/TR/html4/frameset.dtd">
Etiqueta para XHTML 1.0 en modo estricto:

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

Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Etiqueta para XHTML 1.0 en modo con frames:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
Observese cómo lo que cambia de una etiqueta a otra es el tipo de definición (DTD) y la
página de la URI para su validación.
Lo normal para alguien que empieza a crear páginas es usar un DOCTYPE transicional, tanto
en lenguaje html 4.01 como en xhtml 1.0. Lo más recomendable es usar el XHTML 1.0
transicional, por ser más reciente, y además compatible con el de html 4.01.
Nuevas tendencias: HTML5
En fase todavía de preparación está la nueva versión de HTML: el HTML5. Esta versión
contiene nuevas etiquetas, entre ellas el "Dctype, el cual se simplifica de la siguiente
manera:
<!DOCTYPE HTML>
La versión HTML5 tiene muchas novedades, si bien algunas de ellas todavía no son
compatibles con los navegadores, es decir HTML5 es tan nuevo que son los navegadores
los que tienen que adaptar sus nuevas versiones a este lenguaje.
HTML5 no es tan distinto a las versiones anteriores, si bien añade algunas cosas
interesantes al HTML. Puedes ver más sobre HTML5 en la sección "Nuevas Tendencias"
en el Manual de HTML5.
En este manual indicamos sólo las novedades que tiene HTML5 respecto a versiones
anteriores, por lo que es conveniente acabar primero este manual de HTML antes de
ponernos a estudiar el HTML5.

Meta Información

Загружено:

Сведения о документе

Исходное описание:

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Meta Información

Загружено:

Авторское право:

Доступные форматы

8.

La metainformación es un tipo de información que ponemos en la página web y que los

!Doctipe: Localización en la página

La etiqueta DOCTYPE es en realidad una declaración de tipo de documento. El navegador va

Atributos de la etiqueta DOCTYPE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

En esta etiqueta vemos las siguientes partes:

 |DOCTYPE HTML PUBLIC: "DOCTYPE" Es el nombre de la etiqueta: indica el tipo

Modos de la etiqueta DOCTYPE

Dependiendo del lenguaje que usemos, y de su compatibilidad con otros lenguajes,

 Estricto (Strict): Es el más ajustado al estándar. El documento no puede tener

Etiqueta para HTML 4.01 en modo estricto:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"

Etiqueta para HTML 4.01 en modo transicional:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01

Etiqueta para HTML 4.01 en modo con frames:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

Etiqueta para XHTML 1.0 en modo estricto:

Etiqueta para XHTML 1.0 en modo transicional:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Etiqueta para XHTML 1.0 en modo con frames:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

Nuevas tendencias: HTML5

Вам также может понравиться