Temas > Programacion > Html > Declaracion DOCTYPE en html
Julio

Hasta ahora no hemos hablado de un concepto de vital importancia que es la
utilización de elementos HTML estándares. De todos modos no hemos
introducido elementos HTML propietarios o desaprobados (ej. font, center
etc.)
La organización que define los estándares para la web es W3C.
Utilizar en lo posible las directivas de este comite de estándares nos
traerá como ventanja que nuestras páginas en un futuro sigan viéndose
correctamente en las nuevas versiones de navegadores.
La versión más actual de HTML es la 4.01.
Ahora introduciremos una nueva sección de nuestra página que es la
declaración del tipo de documento (DTD Document Type Declaration), esta
sección se ubica en la primera línea del archivo HTML, es decir antes de
la marca html.
Según el rigor de HTML 4.01 utilizado podemos declararla como:
Declaración transitoria:
<?php //esto no va
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
?>//esto no va
Declaración estricta:
<?php //esto no va
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
?>//esto no va
Veamos la sintaxis para definir la sección del DOCTYPE, la primera
diferencia con cualquier otro elemento HTML es que el caracter siguiente
del < es el signo de admiración (!), luego debe ir la palabra DOCTYPE
indicando que se trata de un archivo HTML. Más adelante debemos indicar la
versión de HTML y si se trata de HTML transitorio o estricto:
Si es HTML transitorio disponemos:
<?php //esto no va
       "-//W3C//DTD HTML 4.01 Transitional//EN"
?>//esto no va
Si es HTML estrícto:
<?php //esto no va
       "-//W3C//DTD HTML 4.01//EN"
?>//esto no va
Es decir, que cuando es HTML estricto no disponemos la palabra
Transitional.
Por último se define la dirección de internet donde se encuentra un
archivo que enuncia los elementos y propiedades permitidos en el HTML 4.01,
discriminando entre HTML estricto y transitorio.
ÂPorqué utilizar HTML transitional, si lo más correcto sería utilizar
HTML estricto?
Puede ser que tengamos muchas páginas desarrolladas en el pasado y nos
lleve un tiempo hacerlas compatible con el HTML estricto.
Para ver si una página cumple el estandar específico podemos acceder a un
programa validador que se encuentra en validator.w3.org
Pruebe de copiar la siguiente página y verifique si se valida
correctamente en la dirección indicada en la línea anterior (copie al
textarea de esta página este documento HTML y presione el botón check):
<?php //esto no va
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Enlaces a periódicos</title>
</head>
<body>
<ol>
<li>Argentina
<ul>
<li><a href="http://www.lanacion.com.ar">La Nación</a></li>
<li><a href="http://www.clarin.com.ar">Clarín</a></li>
<li><a href="http://www.pagina12.com.ar">Página 12</a></li>
</ul>
</li>
<li>España
<ul>
<li><a href="http://www.elpais.es">El País Digital</a></li>
<li><a href="http://www.abc.es">ABC</a></li>
<li><a href="http://www.elmundo.es">El Mundo</a></li>
</ul>
</li>
<li>México
<ul>
<li><a href="http://www.jornada.unam.mx">La Jornada</a></li>
<li><a href="http://www.el-universal.com.mx">El Universal</a></li>
</ul>
</li>
</ol>
</body>
</html>
?>//esto no va
Pruebe de borrar el elemento title, tanto su contenido como las marcas de
comienzo y final. Valide nuevamente.
Pruebe de borrar la marca <ol> y valide.













¿Has olviado tu contraseña?

Pulsa aquí para registrate




Google






LunMarMieJueVieSabDom
    123
45678910
11121314151617
181920 21222324
252627282930 

Jueves 21 de Noviembre 2024
Semana 47

..............................................................................................................................................................................................................................................
(Contacto)..
Esta web utiliza cookies para obtener datos estadísticos de la navegación de sus usuarios. Política de privacidad y Aviso legal