¿Cuál es la diferencia entre conjunto de marcos y etiquetas de marco? Concepto básico de marcos. Ejemplo: control de borde de marco
La palabra "marco" significa marco, marco. Mediante marcos, el espacio de la ventana del navegador se divide en secciones independientes en las que puede mostrar información diversa. Es conveniente utilizar marcos cuando necesita mostrar datos de varias fuentes en la pantalla.
Nota 1
Los marcos dividen la ventana de visualización del navegador en varias subáreas rectangulares que se encuentran una al lado de la otra. En estas subáreas se pueden cargar documentos HTML individuales y visualizarlos independientemente unos de otros. Entre cuadros, si es necesario, puede organizar la interacción basándose en la selección de un enlace en uno de los cuadros, lo que conducirá a la carga. el documento requerido a otro marco o ventana del navegador.
Áreas de aplicación de marcos.
Los desarrolladores de documentos HTML tienen a su disposición una amplia variedad de formas para presentar información en las páginas. Texto y información gráfica Se puede ordenar y organizar mediante listas, tablas, opciones de alineación y asignaciones. líneas horizontales, divisiones en párrafos. Pero estas capacidades no siempre son suficientes; en tales casos, es necesario dividir la ventana de visualización del navegador en áreas separadas (marcos).
La elección de la estructura del marco para presentar información en la WWW se justifica por:
- al organizar el control sobre la carga de documentos en una de las subáreas de la ventana de visualización del navegador cuando trabajo simultáneo en otra subárea;
- cuando se ubica en un lugar determinado de la ventana de visualización, información que siempre estará en la pantalla independientemente del contenido de otras subáreas de la pantalla;
- al mostrar información convenientemente ubicada en varias subáreas de la ventana, cada una de las cuales se puede ver independientemente de las demás.
La siguiente figura muestra la estructura del marco de una ventana del navegador de páginas HTML.
Esta estructura es más típica en los casos en que algunos marcos sirven como tabla de contenido para documentos, mientras que otros se utilizan para cargar su contenido. Anteriormente, esta tarea se resolvía de esta manera sin utilizar marcos. En una de las páginas había un índice, que constaba de enlaces a otros documentos o determinados fragmentos. Cuando hacía clic en dicho enlace, la tabla de contenido desaparecía y en su lugar se cargaba un documento, después de leerlo, tenía que volver a la tabla de contenido nuevamente. Cuando se empezaron a utilizar marcos, este retorno dejó de ser efectivo, ya que el índice comenzó a ubicarse de forma permanente en parte de la pantalla.
Los marcos son intrínsecamente similares a las tablas, ya que ambos los utilizan para dividir la ventana del navegador en áreas rectangulares con información ubicada en ellas. Sin embargo, los marcos le permiten no solo formatear las páginas del documento, sino también organizar la interacción entre ellas. Básicamente, los marcos y las tablas se diferencian en que cada marco corresponde a un documento HTML independiente y el contenido de todas las celdas de la tabla son parte de un documento. Además, la página que se muestra en el marco puede desplazarse cuando se ve independientemente de las demás. Cada cuadro es una especie de mini navegador independiente. Las tablas, a diferencia de los marcos, que siempre se presentan íntegramente en la pantalla, a menudo no pueden caber completamente en la ventana y sólo se ven en partes. Por lo tanto, se puede observar que en las tablas HTML el número total de celdas no está limitado y a veces llega a varios cientos, el número de cuadros en un documento suele ser de varias unidades.
Creando marcos
Las etiquetas se utilizan para crear marcos.
El descriptor forma conjuntos de marcos que dividen los espacios de la ventana en filas y columnas. Luego, la altura y el ancho de todas las filas y columnas se establecen como un porcentaje de las dimensiones actuales de la ventana del navegador, en píxeles o como un asterisco. El símbolo de asterisco indica que los tamaños de los marcos dependen de las dimensiones de otros marcos de la página.
El descriptor define la estructura y el contenido de un marco particular.
A continuación se muestra un ejemplo del código de la página.
Un ejemplo de trabajo con marcos.
Ventajas y desventajas de los marcos.
Las ventajas de los marcos incluyen las siguientes:
- pueden mostrar simultáneamente diversa información en una ventana;
- con su uso es posible mostrar permanentemente alguna información (logotipos), sin necesidad de incluirla en cada página del sitio;
- ayudan a crear una navegación flexible en el sitio.
Las desventajas de los marcos incluyen:
- su principal ventaja (mostrar información en una ventana), ya que el área accesible de la página web a este respecto se vuelve significativamente menor;
- elegir el tamaño de marco correcto al crearlo suele ser difícil, ya que el usuario tiene que desplazarse constantemente por el marco utilizando barras de desplazamiento;
- en monitores con baja resolución volumen de la pantalla información visible mucho menos;
- Muchos motores de búsqueda y directorios se niegan a registrar páginas que utilicen marcos.
Nota 2
Otra desventaja es que algunos navegadores no pueden procesar fotogramas. En este caso, el usuario simplemente aparece pantalla en blanco. Para ayudar al usuario en esta situación, se diseña una etiqueta que permite mostrar el texto colocado entre las etiquetas de apertura y cierre cuando no se puede mostrar el marco.
Barras de desplazamiento del marco
De forma predeterminada, el navegador solo mostrará barras de desplazamiento cuando la información no se ajuste a las dimensiones del marco. Para hacer esto, el atributo DESPLAZAMIENTO se establece en uno de los valores sí (no), lo que permite al navegador ocultar siempre las barras de desplazamiento o mostrarlas siempre. Ocultar las barras de desplazamiento le permite aumentar el tamaño área visible marco. Al mismo tiempo, si los datos no caben en la ventana, quedarán inaccesibles para el usuario.
Cambiar los límites del marco
Se puede desactivar el cambio de los límites del marco, esto se hace usando el atributo NORESIZE. Este atributo Es conveniente utilizarlo cuando desea evitar que el usuario cambie el diseño de la página original. De forma predeterminada, el usuario tiene la posibilidad de mover los bordes del marco a su discreción; puede establecer nuevas dimensiones del objeto para mejorar la visualización de un determinado dato. En los casos en que los marcos no tengan límites visibles, esto implicará prohibición automática para cambiar sus tamaños. Usando el atributo BORDER de una etiqueta, puede cambiar el grosor de las líneas del borde del marco. De forma predeterminada, el marco lo enmarca el navegador. gris y 6 píxeles de espesor. El atributo BORDERCOLOR le permite cambiar el color del borde. El atributo FRAMEBORDER le permite ocultar los bordes de un marco.
De forma predeterminada, el navegador muestra marcos con un margen de 10 píxeles entre el texto y el borde del marco.
El atributo MARGINWIDTH especifica el ancho de los márgenes izquierdo y derecho.
Y el atributo MARGINHEIGHT determina la altura de los márgenes superior e inferior.
Al configurar los tamaños de los campos, debe utilizar ambos atributos, ya que el navegador puede reducir automáticamente el tamaño de los campos no especificados a valor mínimo.
Marcos flotantes
Los marcos inactivos son parte de una página web y no requieren una página separada que los describa. Se utiliza una etiqueta para crear dichos marcos. atributo NOMBRE de esta etiqueta Se especifica el nombre del marco flotante, que luego se puede utilizar para definir un hipervínculo que abre la página correspondiente en este marco. Los atributos WIDTH y HEIGHT especifican las dimensiones del marco flotante, ya que el usuario no tiene la capacidad de cambiarlas por sí mismo.
Actualmente, los marcos flotantes sólo son compatibles con Microsoft IE.
A continuación se muestra un ejemplo del código de la página:
Ejemplo 1
Un ejemplo de trabajo con marcos.
ancho="350" alto="300" align="izquierda">
Un ejemplo de trabajo con marcos.
Un ejemplo de trabajo con marcos.
Comencemos con la estructura del marco. ¿Cuál es su esencia? Tenemos la oportunidad en el documento que cargamos en el navegador de organizar áreas especiales tipo ventana. En estas áreas se pueden cargar otros documentos individuales (páginas web).
¿Por qué es esto necesario? Dado que los documentos se cargan en sus propias áreas separadas, se comportan de forma independiente. Es decir, puede hacer algo en un documento, mientras que otros documentos permanecen sin cambios.
¿Dónde se pueden encontrar tales estructuras de marco? Estos son archivos de ayuda (con la extensión .chm).
A continuación se muestra un ejemplo sencillo de un documento con marcos:
Marcos de ejemplo
Elemento conjunto de cuadros. Su trabajo es cubrir el área de visualización y dividirla en áreas separadas. Aquellos. Indique al navegador en qué proporción y cómo (horizontal o verticalmente) dividimos estas áreas.
Elemento marco– describe cada una de estas áreas individuales. Etiqueta única. Ocupa las dimensiones especificadas en el conjunto de marcos.
Elemento sin marcos- se muestra si el navegador no admite marcos.
Observe que no hay ningún elemento de cuerpo. En su lugar, se utiliza el elemento frameset. Esta es una de las razones por las que ya no se utilizan marcos en los sitios web.
Atributos del elemento del conjunto de marcos
- cols: división vertical de la página en áreas de visualización.
- filas: división horizontal de la página en áreas de visualización.
