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: 13-07-2018.

Visitas este mes: 135

Visitas el mes pasado: 394

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

La nueva versión del lenguaje HTML, el HTML5, contiene nuevas etiquetas, entre ellas el "Doctype, el cual se simplifica de la siguiente manera:

<!DOCTYPE HTML>

La versión HTML5 tiene muchas novedades, una de ellas es esta nueva etiqueta !Doctype, la cul si bien facilita mucho la escritura por su simplicidad, solo funciona bien si tenemos el o los navagadores actualizados, ya que los navegadores antiguos no están adaptados a esta etiqueta, y simplemente la ignoran.

HTML5 no es tan distinto a las versiones anteriores, es en realidad una ampliación de las versiones anteriores, adaptando el lenguaje HTML a un tipo de página más dinámico e interactivo. Puedes ver más sobre HTML5 dentro de 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