Entendido.

Este sitio utiliza cookies para analizar la navegación. Si continúa navegando se entiende que acepta su uso. Ver más detalles.";

Logo

Aprende Web

Crea y diseña tus sitios en la Web.

Manual de HTML

HTML: lenguaje básico para crear páginas web


Y ahora tambien aprende a programar en C++ con Aprende Web C++

logo rss RSS. Suscribir canal.

Buscar en Aprende Web

Traducir página

Visita nuestro blog:

bolg.aprende-web.net

y entérate de las novedades o deja un comentario.

Dudas y sugerencias:

aprendeweb@aprende-web.net





Sobre ésta página

Ültima modificación: 22-08-2017.

Visitas este mes: 137

Visitas el mes pasado: 393

logo
WEB-GRAFÍA

Mi agradecimiento a los siguientes sitios en los que me he basado para la elaboración de este manual.:

Desarrollo Web: manual de HTML
Desarrollo Web, por Rubén Álvarez
Cómo crear tu Web: curso de HTML
ComoCrearTuWeb, Por Georgens
Libros Web: introducción a XHTML
Libros web, por Javier Eguíluz Pérez
Curso de HTML: AulaFácil
www.aulafacil.com
Curso de html: Programación Web
www.programacionweb.net
WebEstilo: manual de html
www.webestilo.com
W3 schools; HTML Tutorial
www.w3schools.com
Tutorial html
Juan José López García
Universidad de Murcia
Introducción al lenguaje html
wikilearning

Donativos

Si este sitio te parece interesante puedes contribuir con una pequeña aportación.




8. Metainformación (I)

8.1 La etiqueta !Doctype.

html

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:


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.

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.




En la siguiente página veremos otro tipo de etiquetas que se emplean para definir la página. Éstas suelen servir entre otras cosas para identificar la pagina en los buscadores

Etiquetas meta



manual de HTML

Anterior siguiente ... Siguiente siguiente


imprimir esta página

Página creada por ANYELGUTI.

Sugerencias: aprendeweb@aprende-web.net. Envia un manda un correo

Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog

Más sobre anyelguti en http://anyelguti.16mb.com