Marco HTML

Al usar cuadros, puede mostrar más de una página en la misma ventana del navegador.

Ejemplo

Cuadro vertical
Ejemplo de este caso: cómo hacer un cuadro vertical usando tres documentos diferentes
Cuadro horizontal
Ejemplo de este caso: cómo hacer un cuadro horizontal usando tres documentos diferentes

(Puede encontrar más ejemplos en la parte inferior de esta página)

Cuadro

Al usar cuadros, puede mostrar más de una página en la misma ventana del navegador. Cada documento HTML se llama un cuadro y cada uno de ellos es independiente de los demás.

Los inconvenientes de usar cuadros:

  • Los desarrolladores deben rastrear más documentos HTML al mismo tiempo
  • Es difícil imprimir toda la página
La etiqueta de estructura de cuadro (<frameset>)
  • La etiqueta de estructura de cuadro (<frameset>) define cómo dividir la ventana en cuadros
  • Cada frameset define una serie de filasOColumnas
  • Los valores de rows/columns determinan el área de la pantalla ocupada por cada fila o columna

Nota del editor:La etiqueta frameset también se traduce en algunos artículos y libros como conjunto de cuadros.

Etiqueta de cuadro (Frame)

La etiqueta Frame define el documento HTML colocado en cada cuadro.

En el siguiente ejemplo, configuramos un conjunto de cuadros de dos columnas. La primera columna se configura para ocupar el 25% de la ventana del navegador. La segunda columna se configura para ocupar el 75% de la ventana del navegador. El documento HTML "frame_a.htm" se coloca en la primera columna, mientras que el documento HTML "frame_b.htm" se coloca en la segunda columna:

<frameset cols="25%,75%">
　　 <frame src="frame_a.htm">
　　 <frame src="frame_b.htm">
</frameset>

Consejos básicos - Consejos útiles:

Si un cuadro tiene bordes visibles, el usuario puede arrastrar los bordes para cambiar su tamaño. Para evitar que esto suceda, puede agregar en la etiqueta <frame>: noresize="noresize".

Añade la etiqueta <noframes> para navegadores que no soportan marcos.

Consejo importante:¡No se puede usar la etiqueta <body></body> al mismo tiempo que la etiqueta <frameset></frameset>! Sin embargo, si agregas una etiqueta <noframes> que contenga un texto, debes anidar este texto dentro de las etiquetas <body></body> (puedes ver cómo se realiza en el primer ejemplo a continuación).

Más ejemplos

Cómo usar la etiqueta <noframes>
Este ejemplo muestra: cómo usar la etiqueta <noframes>.
Estructura de marco mixto
Este ejemplo muestra cómo crear una estructura de marco que contiene tres documentos, mezclándolos en filas y columnas.
Estructura de marco con la propiedad noresize="noresize"
Este ejemplo muestra la propiedad noresize. En este ejemplo, los marcos no son ajustables en tamaño. Al arrastrar el ratón sobre los bordes entre marcos, notará que los bordes no se pueden mover.
Marco de navegación
Este ejemplo muestra cómo crear un marco de navegación. El marco de navegación contiene una lista de enlaces que hacen que el segundo marco sea el objetivo. El archivo "contents.htm" contiene tres enlaces.
Marco en línea
Este ejemplo muestra cómo crear un marco en línea (marco en una página HTML).
Saltar a una sección específica dentro del marco
Este ejemplo muestra dos marcos. Uno de los marcos tiene enlaces que apuntan a la sección especificada en otro archivo. Este archivo "link.htm" especifica la sección utilizando <a name="C10"> para identificarla.
Saltar a la sección específica usando la navegación del marco
Este ejemplo muestra dos marcos. El marco izquierdo de navegación contiene una lista de enlaces, estos enlaces hacen que el segundo marco sea el objetivo. El segundo marco muestra el documento enlazado. Los enlaces en el marco de navegación apuntan a la sección especificada en el archivo de destino.