Frames - Propiedades del elemento frame

Aparte de la creación de los marcos propiamente dicha, existen muchos atributos con los que configurar su apariencia. Para ello, tanto la etiqueta <frameset> como <frame> admiten diversos atributos que permiten especificar la forma de elementos como los bordes de los frames, el margen, la existencia o no de barras de desplazamiento, etc.

Hasta hora hemos utilizado y definido las propiedades para la marca de inicio del elemento frame:

  • src  se utiliza para especificar la URL del documento que se utiliza para mostrar en el marco . Valores de atributo: contiene una URL de valor único que especifica la fuente del documento. El posible valor de la URL es: URL absoluta: apunta a otro sitio web
  • name que define el nombre de un frame este atributo están obsoletos en HTML5.

Otras propiedades que pasaremos a ver, comprender y probar su funcionamiento son:

  • noresize Esta propiedad no requiere que se le asigne un valor. Si se encuentra presente el frame no podrá ser redimensionado con el mouse por el visitante del sitio. Por ejemplo si disponemos un menú de enlaces en un frame ubicado a la izquierda es muy probable que definamos la propiedad noresize ya que poca utilidad tiene agrandar o contraer esta región de pantalla.
  • frameborder Esta propiedad puede tomar los valores 1 o 0. Por defecto un frame aparece con borde es decir esta propiedad por defecto tiene el valor 1. Si queremos que el borde no aparezca debemos inicializarla con 0. Hay que tener en cuenta que por más que los bordes no existan si se puede redimensionar el frame con el mouse.
  • scrolling Los valores posibles de esta propiedad son: "auto","yes","no". Por defecto está inicializada con el valor "auto". El valor auto significa que el navegador decide si se debe mostrar la barra de scroll. La mostrará solo si algún contenido del frame no se ve. Si definimos el valor "yes" estamos indicando que siempre debe estar visible la barra de navegación y por último si asignamos el valor "no" estaremos indicando que nunca debe aparecer la barra de navegación para dicho frame.

Resolvamos el siguiente problema:

Confeccionar una ventana con dos frame verticales. No permitir redimensionarlos y no mostrar el borde de los frames. Hacer que el frame de la derecha siempre muestre la barra de desplazamiento.

<html>
<head>
<title>prueba de frames</title>
</head>
<frameset cols="200,*">
<frame src="pagin2.html" frameborder="0" noresize>
<frame src="pagin3.html" frameborder="0" scrolling="yes"
noresize>
<noframes>
<p>El navegador no soporta frames</p>
</noframes>
</frameset>
</html>

pagina2.html

<html>
<head>
<title>prueba de frames</title>
</head>
<body>
<h1>Página A</h1>
<h1>Página A</h1>
<h1>Página A</h1>
<h1>Página A</h1>
<h1>Página A</h1>
<h1Página A</h1>
</body> </html>

pagina3.html

<html>
<head>
<title>prueba de frames</title>
</head>
<body>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
<h1>Página B</h1>
</body>
</html>