Capítulo 6. Marcos

Tabla de contenidos

6.1. Comenzando el trabajo con marcos
6.2. Diseño de marcos
6.3. Especificación de marcos objetivo
6.4. Marcos entre líneas

Los marcos son formas de organización de documentos HTML a modo de vistas múltiples. La idea de los marcos es mantener cierta información visible mientras se navega en otra parte del documento o en páginas relacionadas. Esta práctica se realizaba mucho antiguamente para mantener visibles los menús de navegación, mientras en un marco central se cargan las distintas páginas de un sitio Web.

6.1. Comenzando el trabajo con marcos

Para trabajar con marcos en los documentos HTML se hace necesaria una redefinición del tipo de documento para que se permita el uso de estos marcos. A continuación se presenta un documento de ejemplo que hace uso de marcos:

Ejemplo 6.1. Documento HTML definido para contener 3 marcos

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
    "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Documento con marcos</title>
</head>
<frameset cols="20%, 80%">
  <frameset rows="100, 200">
      <frame src="marco_superior_izquierdo.html">
      <frame src="marco_inferior_izquierdo.html">
  </frameset>
  <frame src="marco_central.html">
  <noframes>
      <p>Este documento contiene:</p>
      <ul>
         <li><a href="marco_superior_izquierdo.html">Un logo</a>
         <li><a href="marco_inferior_izquierdo.html">Un men&uacute;</a>
         <li><a href="marco_central.html">Un marco central</a>
      </ul>
  </noframes>
</frameset>
</html>

Se definen 3 marcos, primero separando la ventana en dos columnas (primera ocupa 20% y segunda ocupa 80%). Luego, la primera columna se divide en dos marcos, mientras que en la segunda columna va el marco central.


Como se observa, el documento no lleva elemento BODY, sino un elemento FRAMESET en sustitución, y cada FRAMESET puede dividirse en uno o más del mismo tipo, o contener marcos simples, es decir, elementos FRAME. La organización más habitual de las páginas con marcos es ésta con 3 divisiones de la ventana. El contenido del elemento NOFRAMES se muestra cuando el navegador no tiene soporte para marcos. En la actualidad, los navegadores más populares todavía soportan marcos, a pesar de que su uso ya no es tan común como antes.

[Nota]

Para que el documento pueda contener marcos, debe cambiarse la definición del tipo de documento a "HTML 4.01 Frameset" y ajustar la dirección de la referencia DTD a la referencia adecuada para la especificación con marcos.

Todo el contenido que se inserta dentro de la etiqueta <body> puede colocarse dentro de las etiquetas <frameset> y <frame>, aunque para hacer el documento más organizado, el contenido de cada marco se especifica en un documento aparte, y se referencia por medio del atributo src del elemento FRAME.

Figura 6.1. Documento HTML en línea que hace uso de marcos

Documento HTML en línea que hace uso de marcos