10.4.1 La diferencia entre Frameset y Frame
Primero, explicemos la diferencia entre Frameset y Frame.
<Mrameset> </ Frameset> se usa para dividir los marcos, cada cuadro está marcado por <Frame> </Frame>. <Frame> </cream> debe usarse dentro de <frameset> </frameset>, el código es el siguiente:
<Frameset border = 1 framespacing = 1 borderColor =#47478d filas =* cols = 180,*>
<Frame src = "inc/admin_left.htm" name = Left Scrolling = no id = "izquierda">
<Frame src = "inc/admin_center.htm" name = main scrolling = "no">
</Frameset>
En el ejemplo anterior, <Frameset> </ Frameset> divide la página en dos partes, la página en el marco izquierdo es administrador_left.htm, y la página en el cuadro derecho es administrador_center.htm.
Nota: El orden de cuadro de las etiquetas <Frame> </Frame> se deja a la derecha o de arriba a abajo.
La diferencia entre los dos es la siguiente:
● <frameset> es una etiqueta de cuadro, que indica que el documento de la página web está compuesto de un marco y establece el diseño de los cuadros que componen el cuadro establecido en el documento.
● <Frame> se utiliza para establecer las propiedades de cada cuadro que constituyen el marco.
10.4.2 Configuración de parámetros de Frameset
<Mrameset> necesita establecer algunos parámetros específicos, que determinan directamente el diseño de toda la página. El código es el siguiente:
<Frameset border = 1 framespacing = 1 borderColor =#47478d filas =* cols = 180,*>
La configuración de los parámetros y sus significados del código anterior se muestran en la Tabla 10.3.
Tabla 10.3 Parámetros de marca de cuadros
parámetro | ilustrar |
Borde | Establezca el grosor del marco en píxeles |
marco | Establecer si se debe mostrar el borde de la trama, 0 no se muestra, se muestra 1 |
Marco | Indica la distancia entre el marco |
Bordercolor | Establecer el color del borde del marco |
Fila | Divida el documento en cuadros superiores e inferiores. El valor después de la fila puede ser un valor o porcentaje numérico. * significa que el espacio restante está ocupado. El número de valores numéricos representa el número de cuadros divididos horizontalmente. Por ejemplo, filas = "210,*, 10%", lo que significa que la página se divide en tres páginas de marco superior, medio e inferior. El marco superior ocupa 210px, el cuadro inferior ocupa el 10% de todo el documento y el espacio restante está ocupado por el marco medio. * es un concepto relativo, como Row =*, lo que significa que no hay una estructura superior e inferior en la página. |
Cols | Establecer lo mismo que la fila |
Con respecto a la configuración de los parámetros de cuadro, el código es el siguiente:
Como se muestra en la Tabla 10.4.
Tabla 10.4 Parámetros de cuadro
parámetro | ilustrar |
Nombre | El nombre del marco de configuración debe estar en inglés |
SRC | Establezca la ruta y el nombre de la página que se muestran en el marco, que puede ser rutas relativas o absolutas. |
Ancho de margen | Indica la distancia desde los bordes izquierdo y derecho del marco |
Marginho | Indica la distancia desde los bordes superior e inferior del marco |
Desplazamiento | Establezca si se muestra las barras de desplazamiento en el marco, sí se muestra, no, no se muestra, automáticamente significa que las barras de desplazamiento se muestran automáticamente cuando el contenido en la página de marco excede el tamaño del marco. |
Marco | Establecer si se debe mostrar el borde del marco, 0 no se muestra y se muestra 1 |
Noresizar | Establezca si el usuario puede cambiar el tamaño de este cuadro. Sin configurar este elemento, el visor puede tirar del marco a voluntad y cambiar el tamaño del marco. |
Marco | Indica la distancia entre el marco |
Bordercolor | Establecer el color del borde del marco |
Frame e iframe pueden lograr básicamente las mismas funciones, pero iframe tiene más flexibilidad que el marco.
Las etiquetas de iframe también se llaman etiquetas de marco flotantes. Se pueden usar para incrustar un documento HTML en una pantalla HTML. La mayor diferencia entre él y la etiqueta de cuadro es que el contenido contenido en <frame> </frame> incrustado en la página web es un todo con toda la página, mientras que el contenido contenido en <Frame> </ramed> es un individuo independiente y se puede mostrar de forma independiente. Además, la aplicación iframe también puede mostrar el mismo contenido varias veces en la misma página sin tener que repetir el código de este contenido.
La página que se muestra en la Figura 10.21 es usar iframe para crear enlaces de paginación en la parte superior e inferior de la página. Los códigos en la parte superior e inferior son los mismos. Solo necesita incrustar el mismo archivo en la página web, y no es necesario escribir el código repetidamente. Para el efecto real de este caso, consulte el caso /frame/iframe/see_infomore_iframe.htm en el CD-ROM de libros de libros.
Iframe tiene otra mayor ventaja, que es que puede establecer que el marco sea transparente para que el fondo dentro del marco sea el mismo que el fondo de la página principal. En la operación de ejemplo anterior, los lectores cuidadosos encontrarán este problema. Expliquemos en detalle cómo establecer la transparencia de iframe. Los pasos de operación específicos son los siguientes:
(1) Abra el caso/Frame/iframe/See_infomore_iframe1.htm en el CD de alquiler de libros.
(2) Explore el archivo en esta página en el navegador y encuentre que el fondo de la celda original se sobrescribe en el área donde se inserta el iframe, que no es el efecto deseado.
(3) Abra la página Page.htm, cambie a la vista de código e inserte el código en la etiqueta <Body> de la siguiente manera:
<Body style = "Background-Color = Transparent">
Figura 10.21 Uso de iframe para crear el giro de la página
(4) Interruptor See_infomore_iframe1.htm a la vista del código y vea el código para insertar la celda iframe en la página de la siguiente manera:
<td colspan = "4">
<iframe name = "main" frameBorDer = "0" border = 0 scrolling = "no" marginwidth = "0" marginheight = "0" src = "page.htm"> </iframe>
</td>
(5) En la etiqueta <iframe>,
<Frame name = "Left" src = "index_manager/admin_left.htm" marginwidth = "1" marginheight = "1" scrolling = "no" frameBorDer = "1" noresize framespacing = "2" borderColor = "#cc0000">>
La configuración de los parámetros y sus significados del código anterior
deslowTransparency = "verdadero"
(6) El código de celda para insertar el iframe en este momento es el siguiente:
<td colspan = "4">
<iframe name = "main" frameBorDer = "0" border = 0 scrolling = "no" marginwidth = "0" marginheight = "0" src = "page.htm" desaudeTransparency = "true"> </ iframe> </td>
(7) Guarde las dos páginas páginas.htm y vea_infomore_iframe1.htm para explorar el efecto en el navegador.