Usa marcos. Iframe and Frame: lo que es y la mejor manera de usar los marcos en HTML. Usando la etiqueta A para descargar en el marco

Aplicaciones de marco

Los desarrolladores de documentos HTML están provistos de una selección bastante rica de visualización de información para las páginas. Se puede ordenar el texto y la información gráfica y se organiza usando listas, tablas o simplemente utilizando los parámetros de nivelación, las tareas de las líneas horizontales, la separación en los párrafos. A veces, estas posibilidades no son suficientes y luego tiene que romper la ventana de visualización del navegador para áreas o marcos individuales (marcos). En una serie de descripciones de idioma ruso del idioma HTML, se utilizan los marcos términos en lugar del término marco. La frecuencia de uso de ambos términos es aproximadamente lo mismo.

La selección de la estructura de visualización marco en www está justificada en los siguientes casos:

• si necesita organizar la descarga de documentos a una de las ventanas de visualización del navegador posterior cuando se trabaja en otro posterior;
• para la ubicación, en una ubicación específica, la ventana de visualización, que debe estar constantemente en la pantalla, independientemente del contenido de otras secuencias de la pantalla;
• para presentar la información que es conveniente organizar en varios sublicas adyacentes de la ventana, cada una de las cuales se puede ver de forma independiente.

La lista no agota todo. casos posiblesdonde se pueden aplicar los cuadros, y es un recomendador.

Considere las primeras opciones típicas para usar marcos en ejemplos de documentos HTML realmente existentes, y luego recurrir a las reglas para desarrollar documentos que contengan marcos.

En la Fig. 5.1 Muestra una de las páginas HTML de la Agencia FinMotket, especializada en proporcionar información de los mercados financieros y de valores de Rusia.

Higo. 5.1. Documento web típico con estructura de marco.

En esta página, la ventana del navegador se divide en tres marcos. La parte inferior de la ventana toma el 20% de toda la altura de la ventana y contiene información permanente, que en este caso es un menú gráfico que le permite apelar a las secciones más importantes en cualquier momento. Este marco no puede cambiar sus tamaños por equipos de usuario y no tiene una barra de desplazamiento. La parte superior de la ventana (componente de 80% de altura) se divide horizontalmente a dos marcos. El marco izquierdo contiene la tabla de contenidos de los documentos que pueden ver el usuario. El marco correcto que ocupa la mayor parte de la ventana de visualización está diseñada para mostrar los documentos en sí. Cuando la carga inicial, estos dos marcos dividen la ventana del navegador horizontalmente en una proporción del 15% en un 85%. Esta relación puede variar según el usuario al verlo, lo que le permite seleccionar los tamaños óptimos de los cuadros, teniendo en cuenta los contenidos de los documentos descargados. Cada uno de estos marcos tiene su barra de desplazamiento, proporcionando la capacidad de ver el contenido completo del marco, independientemente del tamaño del marco en sí, toda la ventana del navegador y las fuentes utilizadas. Cuando selecciona alguna referencia en el marco izquierdo, el documento correspondiente se cargará en el marco derecho. Esta estructura le permite ver simultáneamente en la pantalla y las tablas de documentos, y los contenidos del documento seleccionado.

Demos un fragmento del código HTML sin explicación, según el cual se construye un documento con esta estructura:

Este ejemplo muestra el uso más típico de las estructuras de marco cuando un cuadro sirve como una tabla de contenido, y la otra se usa para cargar sus contenidos. La solución de tal tarea sin el uso de marcos generalmente se realiza de la siguiente manera. En una de las páginas hay una tabla de contenidos que consiste en referencias a otros documentos o sus fragmentos individuales. Al cambiar a este enlace, la tabla de contenidos desaparece y el documento necesario se carga en su lugar, después de la lectura, lo que generalmente es necesario volver a la tabla de contenido. Cuando se usa marcos, un retorno de este tipo se vuelve innecesario, ya que la tabla de contenido se encuentra constantemente en la pantalla.

En internet puedes encontrar el sitio web de la publicación electrónica de la dirección y el libro de referencia telefónica "All Petersburg" es popular en San Petersburgo.

La versión electrónica del libro de referencia está disponible en http://www.allpetersburg.ru. y le permite encontrar la información necesaria sobre las solicitudes de usuario. Esta página del documento también tiene una estructura de cuadros y consta de dos marcos, y el primero de ellos tiene un ancho de 100 píxeles, y el segundo toma el resto del ancho de la ventana de visualización. El marco, ubicado en el lado izquierdo, se usa para mENÚ GRÁFICO, presente permanentemente en la pantalla, y también contiene el logotipo de la compañía "Nevaleink". El segundo cuadro contiene un documento que, en este caso, es un formulario para una solicitud de usuario. La estructura de esta página está definida por el siguiente código HTML:

Los marcos son muy similares a las tablas, y los que y otros están separados por la ventana de visualización del navegador a áreas rectangulares en las que se encuentra alguna información. Sin embargo, utilizando marcos, puede resolver no solo la tarea de formatear las páginas del documento, sino para organizar la interacción entre ellos. La diferencia principal entre marcos y tablas es que cada cuadro debe corresponder a un documento HTML separado, y el contenido de todas las celdas de la tabla siempre es parte de un documento. Además, la página que se muestra en el marco se puede desplazarse al ver independientemente de los demás. Cada cuadro es esencialmente un "mini navegador" separado. A diferencia de los marcos, la estructura completa de la cual siempre se presenta en la pantalla, las tablas no se pueden colocar completamente en la ventana y verse solo en partes. A partir de aquí se deduce que, si en las tablas HTML, el número total de celdas es prácticamente ilimitado y puede alcanzar varios cientos, entonces el número de cuadros en el documento generalmente no excede varias unidades.

Consejo

Si solo necesita formatear el documento, entonces es suficiente para limitar el uso de tablas. Si es necesario resolver tareas más complejas, por ejemplo, para organizar la interacción entre los subdominios de la ventana o crear subdominios que se encuentran constantemente en la pantalla, entonces es conveniente aplicar marcos.

En última instancia, la elección de la estructura del documento: tabular o marco, depende de muchos factores y no puede ser inequívocamente predeterminado.

También hay Páginas que parecían ser construidas de manera similar al anterior. Por ejemplo, puedes tomar La página es una colección mundial muy popular. productos de softwaredestinado principalmente a trabajar con internet. Dirección del servidor http://www.tucows.com. Tenga en cuenta que el nombre del servidor ha determinado la abreviatura obtenida de la reducción del nombre completo de la colección, la colección Ultimate de Winsock Software. Debido a que la reducción de las tintas resultó ser consonante con la frase de dos vacas (dos vacas), luego en las páginas del servidor, hay una imagen de vacas en las páginas, y la calificación de los productos de software se estima en el número de Mysteries ("Moo") y se representa gráficamente en forma de fila desde el número correspondiente de vacas. La mayoría de las páginas del servidor se construyen por el mismo tipo: en el lado izquierdo de la ventana, se proporciona una lista de las secciones disponibles, y se proporciona la lista de productos de software de la partición seleccionada. A primera vista, la estructura del documento debe tener sobre la misma especie que en los ejemplos anteriores. Sin embargo, en este documento, los marcos no se utilizan! Esta página está construida con una tabla que consiste en una sola fila con dos celdas. La tabla no tiene enmarcado y solo persigue el propósito de formatear una página. La impresión de la separación de la pantalla en dos partes se creó verticalmente utilizando una imagen gráfica de fondo que contiene linea vertical, y no en toda la tabla de la cuadrícula. Esto se puede verificar si ve la página sin descargar imágenes. El uso de la tabla aquí, aparentemente, se debe a las consideraciones de mayor disponibilidad de documentos, ya que los marcos permiten mostrar no todos los navegadores.

La desventaja de este enfoque en este caso es la necesidad de repetir en cada documento de toda la lista de particiones (parte izquierda de la página), lo que aumenta ligeramente el tamaño de los archivos.

Una comparación de los ejemplos muestra que el uso de tablas y marcos a veces puede ser intercambiable y determinado por los deseos de los desarrolladores. Tenga en cuenta que a menudo al ver la página con el documento que se muestra en él, es imposible determinar cómo se construye. Sin embargo, el usuario final conoce el conocimiento de la estructura interna del documento, sin embargo, al desarrollar sus propias páginas web, la familiarización con el código original de los documentos existentes sería extremadamente útil. En el primer ejemplo (ver Fig. 5.1) La estructura del marco del documento es inmediatamente visible: la presencia de dos barras de desplazamiento vertical ya determina la presencia de marcos individuales. Los dos ejemplos posteriores son muy similares, y es imposible determinar que el primero de ellos se construye utilizando marcos y las mesas de uso excesivo. Las diferencias se manifestarán solo cuando se trabaje con ellos. En el ejemplo del libro de referencia de la dirección-teléfono, el desplazamiento del documento dejó parte de la ventana permanecerá en su lugar, lo que es posible solo en presencia de una estructura de marco. En el siguiente ejemplo (colección de productos de software), todos los contenidos de la ventana se cambiarán al desplazarse.

Puede ver la estructura de documentos Cuando se trabaja con el navegador Netscape, puede usar la información de la página (en la versión 3.x Navegador Netscape, este elemento de menú se llamó información de información de documentos) Ver menú (Fig. 5.2).

Higo. cinco. 2 . Menú Ver navegador Netscape

Además, siempre puede familiarizarse con el código HTML de origen de todo el documento usando el elemento del menú de visualización (o el punto de vista de la fuente de la vista del menú contextual que se llama haga clic con el botón derecho para ver el código HTML del documento cargado en el marco seleccionado).

Consejo

No hay necesidad de abusar del uso de marcos, y su número no debe exceder los tres y cuatro.

A menudo, tales casos de marcos se pueden ver en páginas reales en Internet: Se utilizan dos marcos adyacentes para descargar documentos que se ven convenientemente, se ven simultáneamente y se comparan entre sí. En cada uno de los dos documentos descargados a los marcos, utilizados. forma de mesa Presentación de la información. Como resultado de una organización de datos de este tipo, cada una de las dos tablas se puede ver (o impresas) por separado, y se puede estudiar en comparación con la otra.

Todos los ejemplos anteriores de esta sección se toman de las páginas de los servidores WWW populares y, quizás, pueden servir como muestras de marcos en documentos HTML.

Las secciones subsiguientes de este capítulo están dedicadas a las reglas para escribir documentos que contienen marcos.

Reglas de descripción del marco

Ahora recurrimos a la consideración de las reglas para las etiquetas de grabación utilizadas para documentos con estructuras de marco.

Primero consideremos el código HTML completo que crea un documento con marcos de complejidad media:

</p> <p>

Este ejemplo crea una página con marcos que se muestran en la FIG. 5.3. Como puede ver, este código HTML define cuatro marcos. El marco superior lleva todo el ancho de la página y contiene un encabezado. A continuación, hay dos marcos centrales, uno de los cuales se encuentra en el lado izquierdo y toma el 25 por ciento del ancho de la pantalla, y el segundo ocupa el lugar restante. Este último, el cuarto marco ocupa el cuarto inferior de la pantalla. Se carga un documento HTML separado en cada marco, cuyo nombre está determinado por el parámetro SRC.

Como se puede ver desde el ejemplo, las etiquetas se aplican para describir la estructura del marco. , y . Considere el nombramiento de estas etiquetas.</p> <span> <br><img src='https://i0.wp.com/webnav.ru/books/html4/frames/07.gif' width="100%" loading=lazy loading=lazy></span> <p><i><b>Higo. cinco. <span>3 . </b> El resultado muestra el documento HTML del navegador Netscape con marcos administrados en el ejemplo</span> </i></p> <p><b> Etiqueta <FRAMESET> </b></p> <p>Los marcos se definen en la estructura llamada Friendset, que se utiliza para las páginas que contienen marcos, en lugar de la sección del cuerpo de un documento regular. Las páginas web formadas por marcos no pueden contener la sección del cuerpo en su código HTML. A su vez, las páginas con la sección del cuerpo no pueden usar marcos.</p> <p><i><b>Consejo</b> </i></p> <p><i> <span>Dado que la sección del cuerpo no solicita páginas con marcos, entonces no hay posibilidad de especificar la imagen de fondo y el color de fondo para toda la página en su conjunto. Recuerde que estas configuraciones están determinadas por los parámetros de fondo y BGColor grabados en la etiqueta del cuerpo. Sin embargo, esto no interfiere con cada cuadro Cargar documentos que tienen sus parámetros de fondo.</span> </i></p> <p>Contenedor de TAGOV <FRAMESET> y</FRAMESET> Marcos cada bloque de definición de cuadros. Contenedor interior <FRAMESET> solo puede contener etiquetas <FRAME> y aplicando etiquetas <FRAMESET>. </p> <p>Etiqueta <FRAMESET> Tiene dos parámetros: filas (líneas) y cols (columnas) y grabadas en el siguiente formulario:</p> <p><FRAMESET ROWS="список_ значений" COLS="список_ значений">. </p> <p><i><b>Nota</b> </i></p> <p><i> <span>Algunos navegadores permiten el uso de parámetros de etiquetas adicionales <FRAMESET></span> </i></p> <p>Puede definir valores para filas o cols, o ambos juntos. Es necesario determinar al menos dos valores de al menos uno de estos parámetros. Si se omite otro parámetro, su valor se toma igual al 100%.</p> <p><i><b>Consejo</b> </i></p> <p><i> <span>Si en la etiqueta <FRAMESET> Solo se define un valor para filas y cols, esta etiqueta se considerará una errónea y el navegador lo ignore. En otras palabras, es imposible determinar. <FRAMESET>que consiste en un solo marco.</span> </i></p> <p>LISTA DE FILAS Y COLS TAG PARÁMETROS DE TAG <FRAMESET> Es una lista de valores separados por comas que se pueden configurar en píxeles, porcentajes o unidades relativas. El número de filas o columnas está determinado por el número de valores en la lista correspondiente. Por ejemplo, escribiendo</p> <p><FRAMESET ROWS="100,240,140"> </p> <p>determina un conjunto de tres marcos. Estos valores son valores absolutos en los píxeles. En otras palabras, el primer cuadro (primera línea) tiene una altura de 100 píxeles, el segundo - 240 y los últimos - 140 píxeles.</p> <p>La tarea de los valores de los tamaños de marcos en píxeles no es muy conveniente. No tiene en cuenta el hecho de que los navegadores se lanzarán en varios <a href="https://newtravelers.ru/es/asus/nazvaniya-operacionnyh-sistem-dlya-kompyutera-spisok-kakie-byvayut.html">sistemas operativos</a> y con diferentes pantallas. Al mismo tiempo, puede definir los valores absolutos de los tamaños para algunos casos, por ejemplo, para mostrar una imagen pequeña con dimensiones conocidas. La mejor opción será la tarea de valores en porcentaje o en unidades relativas, por ejemplo:</p> <p><FRAMESET ROWS="25%,50%,25%">. </p> <p>En este ejemplo, se crean tres cuadros, se colocan como cadenas de todo el ancho de la pantalla. La línea superior tomará el 25 por ciento de la altura accesible de la pantalla, la línea media es del 50 por ciento y el 25 por ciento. Si la cantidad del porcentaje especificado no es igual al 100%, entonces los valores serán proporcionales a los extensos para que al final resultó exactamente el 100%.</p> <p>Los valores en unidades relativas se ven así:</p> <p><FRAMESET COLS="*,2*,3*">. </p> <p>Se utiliza un asterisco (*) para la división proporcional del espacio. Cada asterisco representa una parte del todo. Doblando todos los valores de los números de pie en las estrellas (si se omite el número, entonces la unidad está destinada), obtenemos un denominador. En este ejemplo, la primera columna tomará 1/6 de la parte del ancho general de Windows, la segunda columna - 2/6 (o 1/3) y el último - 3/6 (o 1/2).</p> <p>recuérdalo <a href="https://newtravelers.ru/es/wireless/oshibka-v-eksele-chislo-kakie-sushchestvuyut-oboznacheniya-oshibok-i-sposoby.html">valor numérico</a> Sin caracteres, el número absoluto de píxeles para una fila o columna determina. El valor con el signo de porcentaje (%) determina la parte del ancho total (para cols) o la altura (para filas) de la ventana de visualización, y el valor con un asterisco (*) especifica la distribución proporcional del espacio restante.</p> <p>Damos un ejemplo utilizando las tres opciones para configurar valores:</p> <p><FRAMESET COLS="100,25%,*,2*">. </p> <p>En este ejemplo, la primera columna tendrá un ancho de 100 píxeles. La segunda columna tomará un 25 por ciento desde todo el ancho de la ventana de visualización, la tercera columna es 1/3 del espacio restante y, finalmente, la última columna es 2/3. Se recomiendan los valores absolutos para que se le receten los primeros en orden de izquierda a derecha. Siguen los valores de interés del tamaño total del espacio. Finalmente, se registran los valores que determinan la separación proporcional del espacio restante.</p> <p><i><b>Consejo</b> </i></p> <p><i> <span>Si usa los valores absolutos de los parámetros de cols o filas, luego configúrelos pequeños para que puedan caber en cualquier ventana del navegador, y complementarlos al menos un valor especificado en el porcentaje o forma relativa para llenar el espacio restante.</span> </i></p> <p>Si se usa la etiqueta <FRAMESET>que establece los valores y cols, y filas, luego se creará una cuadrícula de marcos. Por ejemplo:</p> <p><FRAMESET ROWS="*,2*,*" COLS="2*,*"> </p> <p>Esta línea del código HTML crea una cuadrícula de marco con tres filas y dos columnas. Las primeras y últimas líneas ocupan 1/4 altura cada una, y la línea media es la mitad. La primera columna toma 2/3 anchos, y el segundo es 1/3.</p> <p>Envase <FRAMESET> </FRAMESET> Puede invertirse dentro del otro del mismo contenedor, como se muestra en el ejemplo inicial. Considera el uso de la etiqueta. <FRAME>. </p> <p><i><b>Nota</b> </i></p> <p><i> <span>En algunas fuentes en HTML, se indica que los parámetros de los cols y las filas etiquetan. <FRAMESET> son mutuamente excluyentes. Sin embargo, y Netscape, y Microsoft <a href="https://newtravelers.ru/es/useful/ie-ne-mozhet-otobrazit-stranicu-internet-explorer-ne-mozhet-otobrazit.html">Explorador de Internet.</a> Permitir su intercambio.</span> </i></p> <p><b> Etiqueta <FRAME> </b></p> <p>Etiqueta <FRAME> Determina un solo marco. Debe estar ubicado dentro del par de etiquetas. <FRAMESET> y</FRAMESET>. Por ejemplo:</p> <p><FRAMESET ROWS="*,2*"> </p> <p><FRAME> </p> <p><FRAME> </p> <p></FRAMESET> </p> <p>Tenga en cuenta que la etiqueta <FRAME> no es un contenedor y no es así <FRAMESET> No tiene la etiqueta final. Toda la definición de un solo marco se realiza mediante una línea del código HTML.</p> <p>Necesitas grabar tantas etiquetas. <FRAME>¿Cuántos marcos individuales se define al especificar la etiqueta? <FRAMESET>. En el ejemplo anterior, etiqueta <FRAMESET> Establece dos líneas, así que tomó dos etiquetas. <FRAME>. Sin embargo, este ejemplo es esencialmente inútil, ya que ninguno de los marcos tiene ningún contenido!</p> <p>Etiqueta <FRAME> Tiene seis parámetros: SRC, NOMBRE, MARGENWIDTH, MARGINHEIGHT, Scrolling y Nororesize.</p> <p><i><b>Nota</b> </i></p> <p><i> <span>Algunos navegadores permiten el uso de una serie de parámetros de etiquetas adicionales <FRAME>. La revisión de las posibilidades de Netscape y Microsoft Internet Explorer Browsers se dan al final del capítulo.</span> </i></p> <p>Ingresemos la etiqueta <FRAME> Con todos los parámetros:</p> <p><FRAME SRC="url" NAME="window_name" SCROLLING=YES|NO|AUTO </p> <p>Margenwidth \u003d "value" marginheight \u003d "value" noresize\u003e</p> <p>En la práctica en la etiqueta <FRAME> Todos los parámetros son raros simultáneamente.</p> <p>La mayoría <a href="https://newtravelers.ru/es/android/kak-prervat-ping-v-komandnoi-stroke-komandnaya-stroka-osnovnye.html">parámetro importante</a> - SRC (reducción de la fuente de la palabra). Bastante a menudo en la etiqueta <FRAME> El único parámetro SRC está configurado. Por ejemplo:</p> <p><FRAME SRC="url">. </p> <p>El valor del parámetro SRC define la URL del documento que se cargará inicialmente en este marco. Por lo general, el nombre del archivo HTML se registra como una dirección que se encuentra en el mismo directorio que el documento principal. Luego se verá la cadena de definición de cuadro, por ejemplo, de la siguiente manera:</p> <p><FRAME SRC="sample.htm">. </p> <p>Tenga en cuenta que cualquier archivo HTML especificado en la descripción del marco debe ser un documento HTML completo, no un fragmento. Esto significa que el documento debe tener <a href="https://newtravelers.ru/es/the-lg-tvs/teg-html-perenosa-na-druguyu-stroku-perenos-stroki-i-razdelitelnaya.html">etiquetas html</a>, Cabeza, cuerpo, etc.</p> <p>Por supuesto, cualquier URC válido puede especificarse como el valor SRC. Si, por ejemplo, el marco se usa para mostrar la imagen en <a href="https://newtravelers.ru/es/setting/chto-znachit-gif-chto-takoe-gify-v-odnoklassnikah-opisanie-izobrazhenii.html">formato GIF</a>Se encuentra en el servidor del editor de este libro, debe escribir:</p> <p><FRAME SRC="http://www.bhv.ru/example.gif">. </p> <p><i><b>Consejo</b> </i></p> <p><i> <span>Se ajusta en el documento que describe la estructura del marco, sin contenido.</span> </i></p> <p>El texto normal, los titulares, las imágenes gráficas y otros artículos no se pueden usar directamente en un documento que describe la estructura del marco. Todo el contenido del cuadro debe definirse en archivos HTML separados cuyos nombres se especifican por el parámetro SRC TAG. <FRAME>. </p> <p>El parámetro Nombre determina el nombre del marco que se puede usar para referirse a este marco. Por lo general, el enlace se establece en otro marco ubicado en la misma página. Por ejemplo:</p> <p><FRAME SRC="sample.htm" NAME="Frame_1">. </p> <p>Esta entrada crea un marco llamado "Frame_1" al que se puede realizar el enlace. Por ejemplo:</p> <p>Haga clic aquí para descargar.</p> <p>oTROS.HTM Documento en un marco llamado Frame_1.</p> <p>Tenga en cuenta el parámetro de destino que se refiere al nombre del cuadro. Si el nombre no está especificado para el cuadro, el marco se creará sin nombre, y no será posible usar enlaces a él desde otro marco. Los nombres de los marcos deben comenzar con un símbolo alfanumérico.</p> <p>Los parámetros de MarginWidth y Marginheight permiten configurar el ancho de los campos de marco. Esto está escrito de la siguiente manera:</p> <p>Marginwidth \u003d "value",</p> <p>donde "valor" es un valor absoluto en píxeles. Por ejemplo:</p> <p>Este marco tiene campos desde arriba y por debajo de 5 píxeles, y en la izquierda y derecha - 7 píxeles. No olvides que hay habla sobre los campos, y no sobre el marco. Los parámetros de MarginWidth y Marginheight determinan el espacio dentro del marco-MA, dentro de los cuales no se ubicará información. El valor mínimo permisible de estos parámetros es igual a uno.</p> <p>Para los marcos, las barras de desplazamiento se crearán y se mostrarán automáticamente, si los contenidos del marco no se colocan completamente en el espacio asignado. A veces viola el diseño de la página, por lo que sería conveniente poder administrar las pantallas de la barra de desplazamiento. Para estos fines, se utiliza el parámetro de desplazamiento. Formato de grabación:</p> <p><FRAME SCROLLING="YES|NO|AUTO">. </p> <p>El parámetro de desplazamiento puede tomar tres valores: Sí, no o Auto. El valor automático actúa de la misma manera que en ausencia del parámetro de desplazamiento. El valor de sí provoca la aparición de la barra de desplazamiento, independientemente de la necesidad de esto, una no prohíbe su apariencia. Por ejemplo:</p> <p><FRAME SCROLLING=YES>. </p> <p>Por lo general, el usuario puede cambiar el tamaño del marco al ver la página. Si configura el cursor del mouse en el marco del marco, el cursor tomará el formulario que indica la capacidad de cambiar el tamaño y le permite mover el marco a la ubicación deseada. A veces interrumpe la estructura de marcos bellamente diseñados. Para evitar los cambios de usuario en el tamaño de los marcos, use el parámetro NORSIZE:</p> <p><FRAME NORESIZE>. </p> <p>Este parámetro no requiere ningún valor. Naturalmente, cuando se especifica el parámetro Nororesize para uno de los marcos, el tamaño de cualquiera de los marcos adyacentes también se puede cambiar. A veces, dependiendo de la ubicación de los marcos, utilizando el parámetro NORSIZE en uno de los marcos será suficiente para evitar la capacidad de cambiar el tamaño de cualquiera de ellos en la pantalla.</p> <p><b> Etiqueta <NOFRAMES> </b></p> <p>La capacidad de trabajar con marcos no se asumió en el estándar HTML 3.0, ni en HTML 3.2. Hasta hace poco, una situación bastante típica ha sido una situación bastante típica, cuando se usa activamente, se usa activamente en muchas páginas WWW, pero no forman parte del estándar. Esto significaba que los navegadores podrían ignorar fácilmente los marcos. Con la llegada de la norma HTML 4.0, la situación ha cambiado, ahora la norma se fija con estructuras de marco. Tenga en cuenta que la mayoría de los navegadores modernos reconocen los marcos hasta HTML 4.O.O. Sin embargo, es necesario proporcionar información a los usuarios utilizando navegadores sin marcos. Para tales navegadores, es posible proporcionar información alternativa que se registre entre un par de etiquetas <NOFRAMES> y. Se parece a esto:

</p> <p>todo el documento HTML</p> <p>

Todo lo que se coloca entre las etiquetas. ySe mostrarán los navegadores que no tengan capacidades de soporte de bastidor. Los navegadores de soporte de fotogramas ignoran toda la información entre estas etiquetas.

Tenga en cuenta que en la vida real, las páginas HTML a menudo no usan capacidades de etiquetas Para crear páginas sin estructuras de marco, y simplemente cree dos versiones de sus documentos HTML. Para esta opción, en la página de inicio, generalmente se propone una selección de una carga de documentos con una estructura de marco o sin ella. Además, dependiendo de la selección de usuarios, solo se carga una variante del documento.</p> <p><b><span> Características de la descripción de las estructuras de marco.</span> </b></p> <p>Una de las etiquetas más importantes utilizadas en la descripción de estructuras de marco es la etiqueta. <FRAME>. La etiqueta tiene una serie de parámetros, ninguno de los cuales es obligatorio y no depende de otros, pero estos momentos deben tenerse en cuenta cuando se registran.</p> <p>Resulta que, si es necesario, creando un marco, en el que se puede descargar cualquier documento, por ejemplo, en el equipo de otro marco, sigue en la etiqueta <FRAME> Escriba el parámetro SRC. Si esto</p> <p>el parámetro se omite, luego no se creará el marco, aunque se dejará para ello. Por ejemplo, Tipo de grabación <FRAME NAME="B"> Es bastante lógico y podría definir un marco llamado "IN", que inicialmente no carga ningún documento. Sin embargo, debido a la falta del parámetro SRC, no existirá el marco con dicho nombre, por lo que otros intentos de descargar cualquier documento a él permanecerán sin éxito, y el lugar en la ventana asignado debajo de este marco estará vacío. Además, algunos navegadores (por ejemplo, Microsoft Internet <a href="https://newtravelers.ru/es/the-lg-tvs/obnovlenie-internet-explorer-obnovlyaem-brauzer-internet-explorer-do-aktualnoi-versii-kak.html">Versión de explorador</a> 3 Para Windows Z.HX), cuando intenta descargar un documento en dicho marco, se emitirá un mensaje de error.</p> <p>La tarea es la tarea del parámetro SRC no es susceptible a la explicación lógica, por lo que es mejor tomar nota de este hecho. Luego, incluso si no hay ningún documento para descargarse en este marco desde el principio, debe especificar el nombre de cualquier archivo en el parámetro SRC. Por ejemplo, un archivo de este tipo se puede llamar vacío.htm (vacío - vacío), cuyo contenido será el mínimo posible el documento HTML correcto, a saber:</p> <p><HTML> </p> <p><HEAD> </p> <p></HEAD> </p> <p><BODY> </p> <p></BODY> </p> <p></HTML> </p> <p>Puedes cortar <a href="https://newtravelers.ru/es/tips/ispolzovanie-skd-dlya-pechati-dokumentov-ispolzovanie-istochnika.html">este documento</a> Hasta dos etiquetas: <HTMLX/HTML>Eso también será un fiel documento HTML. A lo largo del camino de la reducción máxima del tamaño del documento "vacío", puede limitarnos al archivo, cuyo tamaño es igual a un byte en el que se almacena el carácter de espacio (o cualquier otro símbolo no refinado ). Este archivo no será un documento HTML correcto, pero no causará quejas de la mayoría de los navegadores. La reducción adicional en el tamaño de un archivo de este tipo a cero no está justificado, ya que al cargarlo, el navegador Netscape se emitirá un mensaje de advertencia (Fig. 5.4) que el documento no contiene datos.</p> <span> <img src='https://i1.wp.com/webnav.ru/books/html4/frames/08.gif' height="119" width="332" loading=lazy loading=lazy></span> <p><i><b>Higo. cinco. <span>4 . </b>Mensaje de advertencia al cargar archivo de longitud cero</span> </i></p> <p>En este caso, debe responder a este mensaje presionando la tecla. <Enter> o botón del ratón. Cuando reinicie un documento o cambie el tamaño de la ventana de visualización del navegador, volverá a ocurrir el mensaje.</p> <p>Sin embargo, también puede especificar el nombre del archivo inexistente, el navegador Netscape emitirá un mensaje de advertencia (Fig. 5.5), que no previene el trabajo adicional, sino que conducirá a inconvenientes similares.</p> <span> <img src='https://i0.wp.com/webnav.ru/books/html4/frames/09.gif' height="139" width="314" loading=lazy loading=lazy></span> <p><i><b>Higo. cinco. <span>5 . </b>Mensaje de advertencia al intentar descargar un archivo inexistente</span> </i></p> <p><i><b>Consejo</b> </i></p> <p><i> <span>Cree un archivo llamado vacío.htm, el tamaño de lo que es igual a un byte que contiene un carácter de espacio. Tome una regla al escribir una etiqueta <FRAME> Siempre especifique SRC \u003d vaciar.htm, si es inmediatamente imposible especificar el nombre de un archivo específico.</span> </i></p> <p>Ejemplos de marcos</p> <p>Esta sección presenta algunos ejemplos típicos de definiciones de cuadros.</p> <p>Regrese al ejemplo, que se da al comienzo de esta sección (Fig. 5.3). Este ejemplo utiliza la estructura anidada. <FRAMESET>. Etiqueta exterior <FRAMESET> Crea tres líneas con una altura, respectivamente, a 25, 50 y 25 por ciento de la altura total de la ventana de visualización:</p> <p><FRAMESET ROWS="25%,50%,25%">. </p> <p>Dentro de esta área de definición, las primeras y últimas líneas son marcos simples:</p> <p><FRAME SRC="header.htm"> <FRAME SRC="footer.htm"> </p> <p>Cada una de estas filas llena todo el ancho de la pantalla. La primera línea en la parte superior de la pantalla toma el 25 por ciento de la altura, y la tercera línea en la parte inferior también toma el 25 por ciento de la altura. Entre ellos, sin embargo, es la etiqueta anidada <FRAMESET>: </p> <p><FRAMESET COLS="25%,75%"> </p> <p><FRAME SRC="list.htm"> </p> <p><FRAME SRC="info.htm"> </p> <p></FRAMESET> </p> <p>Esta etiqueta define dos columnas en las que se rompe la línea central de la pantalla. La cadena en la que se encuentran estas dos columnas, toma el 50 por ciento de la altura de la pantalla, que se define en la etiqueta externa <FRAMESET>. La columna izquierda utiliza el 25 por ciento del ancho de la pantalla, mientras que la columna derecha ocupa el 75 por ciento restante del ancho.</p> <p>Los marcos para estas columnas se definen dentro de los pares anidados de etiquetas <FRAMESET> y</FRAMESET>, mientras que la definición de marcos para la primera y última fila está escrita fuera de este par, pero dentro de lo externo <FRAMESET> en el orden apropiado.</p> <p>La estructura de grabación es fácil de entender si percibe el bloque adjunto. <FRAMESET> Como elemento separado <FRAME>. En nuestro ejemplo, la etiqueta externa. <FRAMESET> Determina tres líneas. Cada uno de ellos debe ser llenado. En este caso, se llenan primero por un elemento separado. <FRAME>Bloque insertado adicional <FRAMESET> Ancho en dos columnas y luego otro elemento. <FRAME>. </p> <p>Ahora puede surgir la pregunta, es posible, ya que el valor de la etiqueta de parámetro SRC <FRAME> Establezca el nombre del archivo, que, a su vez, describe el marco del marco. Sí, está permitido. En este caso, la etiqueta. <FRAME> Se utilizará para indicar un documento HTML que es una estructura de marco y se usa como un marco separado.</p> <p>Volvamos por ejemplo y reemplace invertir <FRAMESET> en separado <FRAME>. Naturalmente, se requerirán dos archivos HTML en lugar de uno, como invertido <FRAMESET> Ahora se ubicará en un documento separado. Damos los contenidos del primer archivo (externo):</p> <p><HTML> </p> <p><HEAD> </p> <p></HEAD> </p> <p><FRAMESET ROWS="25%,50%,25%"> </p> <p><FRAME SRC="header.htm"> </p> <p><FRAME SRC="frameset.htm"> </p> <p><FRAME SRC="footer.htm"> </p> <p></FRAMESET> </p> <p><NOFRAMES> </p> <p>Su navegador no puede mostrar marcos</p> <p>

El segundo archivo llamado FRANDESET.HTM contiene el siguiente código:

En este caso, las líneas superior e inferior se comportan como antes. Pero la segunda línea es ahora un marco simple, como otros. Sin embargo, el archivo FRUESET.HTM, que indica el parámetro SRC, determina la estructura del marco de alimentación. Como resultado, lo mismo que en el ejemplo inicial se mostrará en la pantalla.

Nota

Es fundamentalmente posible crear estructuras anidadas. Usando etiquetas que se refieren al mismo archivo con la descripción de la estructura del marco, pero esto no debe hacerse. Esta situación conducirá a una recursión infinita y no permitirá un trabajo futuro. Algunos navegadores controlan una situación similar y evitan el fracaso. Si la dirección registrada en SRC coincide con una de las direcciones anteriores en la jerarquía de fotogramas, se ignora, como si el parámetro SRC estuviera ausente en absoluto.

Consejo

Utilizando estructuras anidadas En varias combinaciones, es posible crear casi cualquier bastidor de cuadros que pueda imaginar. Sin embargo, recuerde que debe crear una interfaz fácil de usar, y no solo demostrar su capacidad para trabajar con marcos.

Damos un ejemplo de la creación de una malla de marco rectangular regular:

Este ejemplo crea una cuadrícula de marco con dos líneas y tres columnas (Fig. 5.6). Dado que se define el conjunto de seis cuadros, también es necesario dar seis definiciones de marcos individuales. . Tenga en cuenta que las definiciones de cuadros se realizan. Esa es la primera etiqueta Determina los contenidos de la primera columna en la primera cadena, la segunda columna de segundo, y el tercero finaliza la determinación de los datos para la última columna de la primera línea. Los últimos tres marcos luego llenan las segundas columnas de cadena.

Higo. cinco. 6 . Malla de marco 2 en 3

También notamos que la suma de los valores de interés en el parámetro COLS no es 100, sino solo el 90 por ciento. No hay nada terrible en esto, ya que el navegador cambiará automáticamente el ancho de los altavoces para eliminar esta contradicción.

Características de navegación al usar marcos

Trabajar con documentos que tienen una estructura de marco tiene algunas características que necesitan saber. Estas características de JB se manifiestan principalmente en la navegación al descargar documentos. Las diferencias significativas en la navegación son características no solo a diferentes navegadores, sino también versiones diferentes El mismo navegador.

Netscape Browser versión 3.x y 4.x Cuando hace clic en el botón Atrás, devuelve el documento a ese marco, las acciones con las que se hicieron la última. Las mismas acciones se realizarán en el caso de que se seleccione el elemento posterior al llamar al menú contextual en cualquiera de los marcos. Recuerde que el menú contextual se llama presionando el botón derecho del ratón. Por lo tanto, independientemente de cuál de los marcos, se causó el menú contextual, cuando se presiona el botón Atrás, se cancelará la última operación, incluso si se produjo en otro marco.

El navegador Netscape versión 2.x funcionó de manera completamente diferente. El menú contextual contiene el comando Atrás en Frame, cuya ejecución devuelve el documento al cuadro actual y no cancela la última operación.

En cualquier versión de Netscape, puede marcar el documento contenido en el marco seleccionado. Para hacer esto, seleccione el modo Agregar marcador desde el menú contextual, que se mencionó anteriormente. Si el modo Agregar marcador se selecciona simplemente del menú del navegador principal, se realizará un marcador en un documento que describe la estructura del marco. que no indicará con precisión un marco específico. La capacidad de crear un marcador en un documento de marco separado no significa en absoluto que, con el uso posterior de esta colocación, surgirá la misma estructura de marco. El documento en el que indica el marcador se cargará en la ventana completa fuera de la estructura del marco.

Interacción entre marcos

La forma más sencilla de visualización de información sobre WWW está leyendo páginas y transiciones por referencias en las que el documento actual en la ventana del navegador se reemplaza por otro documento. Cuando trabaje con marcos, puede organizar un esquema de descarga de documentos más fácil de usar.

La interacción entre los marcos es la posibilidad de descargar documentos en el marco seleccionado en comandos de otro marco. Para este propósito, se usa el parámetro de etiqueta de destino.<А>. Este parámetro define el nombre del marco o la ventana del navegador en la que se descargará el documento al que indique este enlace. De forma predeterminada, en ausencia del parámetro de destino, el documento se carga en el cuadro actual (o ventana). Este predeterminado se puede cambiar a la etiqueta. Con el valor deseado del parámetro de destino. La tarea del nombre del marco, que se carga de forma predeterminada, es muy conveniente para aquellos casos en que una gran cantidad de enlaces deben enviar documentos a un marco específico. Una situación típica con la tabla de contenidos en un marco, los enlaces desde los documentos relevantes se descargan al marco adyacente se mostró al comienzo de este capítulo (Fig. 5.1). Para este ejemplo en la sección. Archivo con nombre LIST.HTM Es recomendable anotar la siguiente línea: . De lo contrario, para cada enlace, el parámetro de destino tendría que especificar.

Los nombres de los marcos deben comenzar con letras o números latinos. Como nombre, se puede configurar el nombre de una ventana o marco existente, y se puede especificar un nuevo nombre en el que se abrirá una nueva ventana. Hay cuatro nombres reservados, al especificar acciones especiales. Estos nombres comienzan con un símbolo de subrayado (_): "_blank", "_self", "_Parent" y "_top". Cualquier otro nombre a partir del símbolo "subrayado" es inaceptable.

Target \u003d "_ en blanco" - Proporciona el documento para descargar la nueva ventana. Esta ventana no tendrá un nombre y, por lo tanto, no se puede descargar en otro documento.

Target \u003d "_ yo mismo" - Descargar el documento se fabricará en el cuadro actual (o ventana). Esta entrada debe utilizarse para omitir los valores predeterminados especificados por la etiqueta .

Target \u003d "_ top" - Causa la descarga del documento a la ventana completa. Si el documento ya está en toda la ventana, este valor actúa de la misma manera que"_UNO MISMO".

Target \u003d "_ padre" - Causa la descarga del documento al área ocupada por el marco principal del marco actual. En ausencia de un marco de padres, este valor del parámetro actúa, así como"_cima".

Nota

En una serie de fuentes en el idioma HTML, se argumenta erróneamente que, en ausencia de un padre del marco, el valor "_Parent" es equivalente a "_SELF". Tal aprobación no siempre es correcta.

Una advertencia

Los nombres de marco reservados "_Blank", "_self", "_Parent" y "_top" deben escribirse en la línea de letras latinas. Tenga en cuenta que tal demandante es inherente solo en Netscape. El navegador de Microsoft Internet Explorer reconoce correctamente los nombres reservados grabados en cualquier registro.

Damos ejemplos de interacción entre marcos y ventanas de navegador separadas. Considere el siguiente código HTML:

Este documento HTML describe una estructura que consiste en tres marcos con los nombres "A", "B" y "C". Los nombres de los marcos se requerirán en el futuro para organizar enlaces entre marcos. Tenga en cuenta que en un marco llamado "A" en este ejemplo, no habrá enlaces, por lo que podría quedarse sin nombre. Cuando descarga el documento anterior al navegador en fotogramas, se mostrará la información contenida en los archivos definidos por el parámetro SRC. En el marco "A", los contenidos del archivo Frame_A.HTM caerán, y los otros dos marcos recibirán datos del archivo vacío.htm, que no tiene los datos mostrados. Recuperar una vez más que el documento HTML que describa la estructura del marco no tiene partición .

Damos el texto del archivo llamado Frame_A.HTM:

D.

4. Descarga de un documento a una nueva ventana

5. Descarga el documento a la ventana completa.

6. Cargando el documento en el marco actual.

Este documento es un documento HTML completo que tiene secciones y Y, a su vez, tiene referencias a un archivo con el nombre Test.htm, ubicado en el mismo directorio que el archivo Frame_A.HTM.

El archivo de texto del archivo test.htm es extremadamente simple:

PRUEBA DE TEXTO DE DOCUMENTO

F Frame_A.HTM, los contenidos de los cuales inician el inicio en el marco "A", tienen seis referencias al mismo archivo Test.htm con un valor diferente del parámetro de destino.

Considere las acciones que ocurrirán al implementar estos enlaces. El primer enlace con el valor objetivo \u003d "B" cargará el archivo Test.htm en el marco llamado "B". Tenga en cuenta que después de implementar cualquiera de los seis enlaces, el navegador Netscape pintará automáticamente todo en otro color, ya que indican el mismo archivo. Microsoft Internet Explorer señala solo enlaces realmente implementados.

El segundo enlace realizará los mismos pasos para el cuadro "C". Inicialmente, no hay nada en los marcos "B" y "C" (los contenidos del archivo vacío vacío.htm se cargan con mayor precisión). La implementación del primer y segundo enlace llenará estos marcos.

El tercer enlace con el valor objetivo \u003d MD "dará lugar a la formación de una nueva ventana del navegador con el nombre" D "y cargar el archivo Test.htm a él. Tenga en cuenta que la forma de esta referencia no es diferente de los dos primeros. . La diferencia es que en los dos primeros casos de referencias se entregaron a los marcos existentes, cuyos nombres se definieron en el archivo con la estructura del marco, y en este caso se da la referencia a un objeto inexistente. Si este enlace se realiza al menos una vez, la ventana llamada "D" se formará y se repetirá, el siguiente enlace solo reinicia los datos a la ventana existente "D". Por supuesto, el usuario puede cerrarlo en cualquier momento y formar una opción de esta referencia. . En la Fig. 5.7 muestra la situación después de que se hayan implementado los tres enlaces. Recordemos la ubicación y el usuario determina el tamaño de las ventanas en la pantalla.

Higo. cinco. 7 . La situación obtenida después de la implementación coherente de los tres primeros enlaces existentes en el marco izquierdo.

El quinto enlace con el valor objetivo \u003d "_ top" cargará el documento en la ventana completa en lugar de toda la estructura de marco. Con este valor del parámetro de destino, la nueva ventana no está formada. El retorno a la estructura del marco es posible presionando el botón ATRÁS.

Nota

Los nombres de fotogramas o las ventanas del navegador no deben confundirse con los nombres de los documentos descargados. Los nombres de los nombres al ver que no es visible en ningún lugar, se requieren solo para organizar la interacción y, por lo tanto, ocultos del usuario. Solo puede verlos al ver el texto de origen de los archivos HTML.

Consejo

Recuerde que los nombres de los documentos descargados están configurados por etiqueta

Un documento que tiene una estructura de marco en una nueva ventana.

Tenga en cuenta que si el documento principal es un documento HTML estándar, el archivo Frame.HTM se carga desde el documento principal contiene la estructura del marco y, a su vez, las referencias de archivos se pueden archivar .HTM.

Después de cargar el documento principal, la ventana del navegador se verá en la FIG. 5.8 (ventana izquierda). Todo el documento consta de dos enlaces. Realice la transición al primer enlace. Se formará una nueva ventana con el nombre "D", en el que aparecerá el texto del archivo Test.htm (Fig. 5.8, ventana derecha). Repetir este enlace solo reiniciará los datos en la ventana "D".

Higo. 5.8. Muestra Windows de Marcos Interactivos

Realice la transición al segundo enlace. Se forma una nueva ventana sin un nombre en el que se cargará el archivo Frame.htm, que define dos marcos con los nombres "con" y "D" (Fig. 5.8, ventana inferior). En ambos marcos no hay nada (el documento vacío, vacío.htm se carga con mayor precisión). Notamos que ahora hay una ventana abierta llamada "D" y una ventana con marcos, uno de los cuales también tiene el nombre "D". Realice nuevamente la transición al primer enlace. En contraste con el primer caso, la carga de datos no se llevará a cabo en la ventana "D", sino en un marco llamado "D". El resultado de todas las acciones descritas se muestra en la FIG. 5.8.

Nota

La aparición de ventanas de apertura y sus contenidos a veces pueden depender incluso del procedimiento para las acciones del usuario. Trabajar con documentos, cuyo comportamiento es difícil de predecir, generalmente causa irritación justa del usuario y habla de desarrolladores de estructuras de datos insuficientemente reflexivas.

Si cambia el procedimiento, es decir, primero ejecute el segundo enlace, y luego el primero, la ventana llamada "D" no aparecerá en absoluto! Esto sucederá porque después de implementar el segundo enlace, se forma un marco con el nombre "D" y para el primer enlace no tendrá que abrir una nueva ventana.

Este ejemplo no es en absoluto un modelo a seguir, pero solo muestra la posible complejidad de la organización de la interacción. Por el contrario, debe intentarlo sin necesidades especiales para complicar la organización de datos, más no para crear situaciones en las que el resultado cambie según el procedimiento para las acciones del usuario.

Consejo

Evite las colisiones en marcos y ventanas. Aunque formalmente, no está prohibido tener marcos con el mismo nombre, pero esto puede llevar a la confusión.

Una advertencia

Los nombres de marco y ventanas se comparan con el registro de símbolos. Entonces, por ejemplo, los marcos con los nombres "Frame_1" y "Frame_1" serán diferentes.

Ejemplos de interacción más compleja entre marcos.

Arriba, se consideraron ejemplos típicos bastante simples de interacción entre marcos. Las tareas de crear nuevas ventanas, reemplazando el contenido de los marcos individuales, además de emitir un documento a una ventana completa con la destrucción de toda la estructura del marco. Ejemplos de uso de los nombres de fotogramas especificados, así como los nombres reservados "_blank", "_self" y "_top". El uso del último nombre reservado "_Parent" es más difícil y se describirá a continuación.

Esta sección considerará opciones de interacción más complejas entre los marcos. En particular, se implementará la sustitución de los contenidos de varios marcos adyacentes.

Una de las opciones más comunes para usar marcos, que ya se ha mencionado en este capítulo, es el caso de dos marcos, uno de los cuales contiene una lista de referencias, y se descargan los documentos en sí (Fig. 5.1).

Intentemos expandir la tarea. Deje que sea necesario mostrar los contenidos en la pantalla un documento suficientemente grande que consiste en capítulos divididos en secciones. Un ejemplo típico es la literatura técnica sobre cualquier tema. Describimos la vista deseada de dicho documento en la pantalla. Rompemos la pantalla a tres marcos, en uno de los cuales se ubicará la lista de jefes del libro, en la segunda, la lista de secciones del capítulo seleccionado, y en el tercero, el texto de la partición seleccionada. Al elegir un enlace en el segundo cuadro, se debe cambiar los contenidos del tercer cuadro. La implementación de este requisito trivial. Al elegir una referencia en el primer cuadro, el contenido del segundo y tercer cuadro debe cambiar simultáneamente. A primera vista, la implementación de esta tarea en el idioma HTML es imposible (sin el uso de la programación en JavaScript u otros idiomas), ya que solo se carga un documento al ejecutar el enlace, y no dos o más. Sin embargo, la solución de esta tarea es bastante posible.

Mostramos el posible esquema de resolver esa tarea en un ejemplo simple. Deje que sea necesario mostrar tres cuadros en la pantalla y descargar algunos documentos en ellos. Estableceremos la tarea para crear un enlace en cada uno de estos cuadros, la implementación de la cual, por ejemplo, cambió el contenido de dos marcos en lugares. Deje que el primer cuadro tome el 50% del ancho de Windows y el 100% de altura y se encuentra en el lado izquierdo de la ventana. La mitad derecha de la ventana se divide horizontalmente por la mitad y contiene otros dos marcos. Dicha estructura se describe por el siguiente código:

Con este código HTML, se creará la estructura requerida, pero es imposible resolver la solución. Es necesario soportar la estructura incrustada. En un archivo separado, y en este código HTML describe un marco que se refiere al archivo creado. Luego, el texto del documento de origen se verá:

Archivo creado con estructura anidados. Tiene el nombre 1_2.htm y contiene el siguiente código:

A primera vista, absolutamente nada ha cambiado. En ambos casos, hay tres cuadros en los que se descargan los documentos IZQUIERDOS .HTM, 1.HTM y 2.HTM, respectivamente. Sin embargo, durante la interacción de los marcos, la diferencia se manifestará. Si en el primer caso, no hay un marco para padres en el primer caso, entonces en el segundo caso, para dos marcos, el padre será un marco llamado "Dos_frames". Por lo tanto, si en cualquiera de los dos cuadros, aplique un enlace con el valor del parámetro de destino igual a "_Parent", el resultado será diferente para el primer y segundo caso. Para el primer caso, la implementación de dicho enlace conducirá a la descarga del documento en una ventana completa con el reemplazo de la estructura del marco existente. Aquí se manifiesta la propiedad del valor "_Parent", que en ausencia de un marco de padres actúa como "_top". En el segundo caso, se reemplazará un marco con el nombre "Two_Frames", que ocupa la mitad derecha de la pantalla y esencialmente consta de dos marcos.

El segundo caso es formalmente diferente de la primera también la presencia de un marco con el nombre "Dos_Frames" a qué enlaces se puede referir. Solo esta característica y nos permitirá resolver la tarea.

Damos los contenidos del archivo IZQUIERDO.HTM, que se carga inicialmente en el primero de los marcos bajo consideración:

documentos en dos marcos ubicados en el lado derecho de la ventana.

Seleccione la opción Ubicación del documento:

1 _2.htm "Target \u003d" two_frames "\u003e opción 1-2

Documento 1.

Opción 1 -2.

Opción 2-1.

El archivo 2.HTM difiere de 1.HTM solo en dirección.

Hay dos enlaces con el valor objetivo \u003d "_ padre", que se enfrentan al marco principal. Estos enlaces podrían ser registrados y con una indicación obvia del nombre del padre-padre, es decir, Target \u003d "Two_Frames", pero el uso de instrucciones implícitas del nombre suele ser más conveniente. Por ejemplo, si desde el marco izquierdo (documento IZQUIERDO.HTM) elimina los enlaces, puede bajar el marco de "dos_frames" especificado en la descripción de la estructura del marco principal. En este caso, se creó un marco sin nombre, pero las referencias de documentos 1.htm y 2.htm con el valor objetivo \u003d "_ padre" seguirían funcionando correctamente.

Consejo

Si es posible, use la indicación implícita de los nombres de los marcos. Por ejemplo, "Padre", "TOP", "Self" en lugar de establecer nombres específicos.

Higo. 5.9. Windows of Interacting Frames con el efecto de cambio de los documentos descargables

Diferencia entre marcos y ventanas del navegador.

Cuando trabaje con marcos, hay una pregunta sobre la diferencia fundamental entre el marco de la ventana del navegador y la creación de varias ventanas. A primera vista, puede parecer que sería muy posible hacer las posibilidades de crear varias ventanas, ya que el trabajo con Windows y Marcos es muy similar. Cada cuadro requiere descargar un documento separado, tiene la capacidad de desplazamiento independiente de contenidos y puede variar según los comandos de otros cuadros. Estas características de los marcos son similares a las propiedades de las ventanas del navegador. Con una organización de datos de la tabla, es imposible lograr tal libertad.

Sin embargo, entre marcos y ventanas hay una diferencia significativa. Con una organización de marco, la división del área de visualización en los marcos realiza el propio documento HTML, lo que indica las dimensiones y su ubicación. El usuario cuando la visualización puede cambiar el tamaño de los cuadros, si no está prohibido en la descripción de su estructura. La ubicación de las ventanas está definida por las reglas generales para trabajar con el sistema Windows: el usuario puede abrir cualquier ventana a toda la pantalla, enrollarla en el icono o configurar al azar el tamaño y la ubicación. Windows, a diferencia de los marcos, puede superponerse. Tal riqueza de elección tiene su propio lado de la raíz: es necesario colocar manualmente las ventanas en la pantalla y cambiar sus dimensiones para lograr la opción de visualización óptima. En el caso de los marcos, la variante óptima de la relación de tamaño generalmente se establece por el desarrollador en la descripción del marco y, a menudo, no necesita un cambio.

Consejo

Aunque los marcos y no pueden proporcionar todas las oportunidades para trabajar con Windows separados, su organización racional creará un máximo de servicios.

Otras fallas son características de trabajar con Windows. Cada ventana crea mucha memoria. Esencialmente en Netscape, cada ventana es otra copia del navegador y está equipada con un conjunto completo de botones y menús. La misma situación es característica de Microsoft Internet Explorer.

Tenga en cuenta que la organización de las ventanas individuales en los navegadores se realiza de diferentes maneras. Crear una nueva ventana con un documento conduce a una tarea separada en el sistema Windows, que puede asegurarse de visualizar la lista de tareas de ejecución. Por lo tanto, la conmutación entre las ventanas se puede realizar de la misma manera que el interruptor entre diferentes tareas, por ejemplo, presionando una combinación de llaves. +.

En muchas aplicaciones populares de Windows, hay una ventana de concepto con un documento (ventana de documento). Como ejemplo, puede citar un procesador de texto Microsoft Word o un programa de trabajo con imágenes gráficas de pintura y muchas otras. En cada una de estas aplicaciones, el uso simultáneo de varias ventanas con datos es permisible y, como regla general, hay un menú de ventanas, que proporciona una lista de ventanas y la posibilidad de cambiar entre ellos. La educación de la nueva ventana en dichas aplicaciones generalmente ocurre al abrir un archivo existente o crear una nueva. Sin embargo, en estos programas, al crear una nueva ventana, no se forma una nueva tarea de trabajo.

Netscape también tiene un menú de ventana, que proporciona una lista de las ventanas existentes. (Versiones de Netscape 4.x, esta función proporciona la ventana del menú Communicator.) Volvamos a la FIG. 5.8. En este ejemplo, tres ventanas están abiertas al mismo tiempo, cada una de las cuales es esencialmente un navegador separado. Sin embargo, son todas las ventanas de un navegador que pueden interactuar entre sí. En cualquiera de estas ventanas, puede abrir el menú de la ventana y ver una lista de tres ventanas. En la Fig. 5.10 La situación se muestra cuando se realiza para la ventana inferior.

Higo. 5.10. Apertura de las ventanas de marcos en el navegador Netscape

Cada una de las ventanas se puede cerrar por separado (el comando CERRAR desde el menú Archivo). Para completar el navegador en cualquiera de las Windows, puede abrir el menú Archivo y ejecutar el elemento de salida (Fig. 5.11).

Si varias ventanas estaban abiertas, todas las demás se cerrarán, pero antes de esto aparecerá un mensaje de advertencia (Fig. 5.12).

Cada ventana del navegador puede tener su propia configuración (realmente no todos). Mira en la Fig. 5.11. Dos ventanas están abiertas, una de las cuales se rompe por tres marcos. En dos de los tres marcos, y el mismo documento se carga en una ventana separada. La capacidad de configurar independientemente los parámetros de cada ventana permite uno y el mismo documento de manera diferente. En el ejemplo anterior, el tamaño de fuente del documento en una ventana es mayor que en el otro. Se ha alcanzado tal efecto instalando varias codificaciones de cada una de las Windows (MENÚ DE OPCIONES DE CODIFICACIÓN DE CODIFICACIÓN DE DOCUMENTOS o VER del artículo Configuración de caracteres para la versión 4.x), y ambas codificaciones usan la misma fuente, sino de diferentes tamaños. Cambiar cualquier elemento del menú de Preferencias de Memral afecta a todas las ventanas.

Higo. 5.11. Finalización con el navegador Netscape

Higo. 5.12. Advertencia para cerrar Windows en el navegador Netscape

Características adicionales del navegador

Todas las etiquetas de descripción de marco anteriores con los parámetros apropiados se implementan casi igualmente en los navegadores Netscape y Microsoft Internet Explorer, sin embargo, cada uno de estos navegadores le permite obtener adicionalmente sus etiquetas o parámetros únicos.

Capacidades del navegador Netscape

El navegador Netscape, comenzando con la versión 3.0, le permite usar tres parámetros adicionales: borde, frameborder y bordercolor. El parámetro fronterizo se aplica solo a la etiqueta. . El valor del parámetro fronterizo determina el grosor de los marcos entre marcos en píxeles.

El parámetro FrameBorder se puede aplicar como en la etiqueta. y en la etiqueta y determina la presencia de un marco entre marcos. Este parámetro puede llevar sí o no. Si el parámetro se registra en la etiqueta Su acción se aplica a todos los marcos de este grupo. Para un marco separado, el valor puede ser anulado. El valor predeterminado es el valor de Sí.

Tenga en cuenta que los parámetros del borde y la frontera funcionan independientemente entre sí. Por ejemplo, si no se especifica como el valor de FrameBorder, y no se establece un valor distinto de cero para el borde, no se dibujará el marco entre marcos, pero aún se asignará el siguiente lugar definido por el valor del parámetro de borde.

El parámetro BorderColor se puede utilizar como en la etiqueta. y en la etiqueta y determina el color del marco que se puede establecer en el título del color o su representación hexadecimal.

Damos un ejemplo:

La primera línea de este código HTML establece tres marcos, entre los que se dejó el lugar debajo del espesor del píxel (Fig. 5.13).

Higo. 5.13. Marcos de dibujo entre marcos en el navegador Netscape

Entre los marcos de cuadros "A" y "B", el marco no se dibuja debido al valor del FrameBorder sin parámetro, sin embargo, el color rojo (rojo) se define para el marco. Para el último cuadro "con", el valor FrameBorder se establece en Sí y anula el valor establecido en la primera línea. Por lo tanto, entre los marcos con los nombres "en" y "C" todavía se dibujará el marco de rojo y 10 píxeles de grosor.

Nota

Si no se dibujan los marcos entre marcos, el navegador Netscape no permitirá cambiar las dimensiones de los cuadros arrastrando los marcos del mouse, incluso en ausencia del parámetro NORSIZE. Para Microsoft Internet Explorer, la situación es diferente.

Tenga en cuenta que los marcos sin marcos no se usan tan rara vez. Debe recordarse que la falta del marco no prohíbe la apariencia de la barra de desplazamiento (Fig. 5.14).

Higo. 5.14. Barras de desplazamiento en marco sin marcos

Características del navegador de Microsoft Internet Explorer

El navegador de Microsoft Internet Explorer le permite usar el parámetro FrameBorder para los mismos objetivos que se describe anteriormente, pero no permite ajustar el color y el grosor de los marcos. Sin embargo, como el valor del parámetro FrameBorder, está permitido usar solo el valor numérico "O" para cancelar el marco de dibujo o diferente del valor numérico cero para el bastidor de dibujo.

La diferencia en las reglas para establecer los valores de parámetros FrameBorder para diferentes navegadores es muy desagradable. Intente, por ejemplo, configure FrameBorder \u003d Sí. Esta entrada es cierta para Netscape, y para Microsoft Internet Explorer conducirá a la falta de un marco. Ejemplo anterior (Fig. 5.13) Al ver, en Microsoft Internet Explorer se representará sin un marco.

Consejo

Siempre puede recomendar escribir el valor del parámetro FrameBorder en forma numérica, por ejemplo, FrameBorder \u003d 0. Esto corresponde a las reglas para registrar un parámetro para Microsoft Internet Explorer, pero viola las reglas para Netscape (aunque este último percibe correctamente).

Nota

Si no se dibujan los cuadros entre los cuadros, el navegador de Microsoft Internet Explorer (a diferencia de Netscape) en ausencia del parámetro Nororesize permitirá que el "lanzamiento" cambie las dimensiones de los cuadros arrastrando los marcos del mouse. Coge el lugar donde debe ser el marco, puede cambiar el formulario del puntero del mouse.

El navegador de Microsoft Internet Explorer le permite usar el parámetro FramePacing opcional grabado en la etiqueta , cuyo valor determina el número de píxeles entre los marcos dejados vacíos.

Damos un ejemplo, el resultado de la visualización de los cuales se proporciona en la FIG. 5.15.

Higo. 5.15. Espacio vacío entre marcos en Microsoft Internet Explorer

Nota

Desafortunadamente, en muchas descripciones del idioma HTML, se indica erróneamente que el parámetro FramesPacing debe usarse en la etiqueta . Microsoft Internet Explorer le permite usar este parámetro solo en la etiqueta .

Marcos flotantes

El navegador de Microsoft Internet Explorer le permite usar una etiqueta única . En tegs

El navegador de Microsoft Internet Explorer es el primer navegador (y hasta ahora el único), que admite los llamados marcos "flotantes".

Dichos marcos se pueden acomodar en cualquier lugar de la pantalla, así como en imágenes gráficas y tablas.

El marco a la derecha de este texto se publica en la página usando una etiqueta especial ¡Comunicable!

Atributos

Aling.. Determina el tipo de alineación. Acepta "Izquierda", "Centro", "Derecho".

Altura. Determina la altura del marco en píxeles.

Ancho.. Determina el ancho del marco en píxeles.

SRC, MarginWidth, Marginheight, Desplazamiento, FrameBorder, Frontera, BorderColor, Nombre. Similar a los discutidos anteriormente.

vspase.. Establece los campos desde arriba y abajo con el exterior de IFRAME

hSPASE.. Establece los campos desde el exterior desde iframe

marginWidth.. Determina la cantidad de sangrías en los bordes izquierdo y derecho dentro de IFRAME-A; Debe ser igual a o más de 1.

margen. Determina la cantidad de sangrías en los bordes superior e inferior dentro de IFRAME-A; Debe ser igual a o más de 1.

desplazamiento. Indica si la barra de desplazamiento se mostrará en iframe; El valor del valor puede ser "sí", "No" o "Auto". El valor predeterminado para documentos ordinarios - Auto.

título. Punta emergente de texto.

Etiqueta </h3> <p>Determina que se mostrará en la ventana del navegador si no admite marcos.</p><p> <NOFRAMES> ¡Su navegador no soporta iframes!

¿Cómo subir un marco sin archivos adicionales?

Para descargar el marco sin usar archivos externos, debe colocar el código HTML de la variable, y luego, como una etiqueta SRC

El problema de la cadena de direcciones en la estructura marco del sitio.

Cuando se usa marcos en el sitio, se usa una página, lo que indica la ubicación del marco.

Damos un ejemplo de tal página:

Después de descargar esta página, la información se carga en el marco. Dentro de estos marcos, todas las transiciones de usuario se producen en las páginas del sitio. Solo se muestra la ruta a la barra de direcciones. página de inicioque no cambia cuando las transiciones. El visitante no sabe de dónde está él. este momento.

Si el visitante ingresa inmediatamente a la página principal del sitio (por ejemplo, desde el motor de búsqueda), esto no conduce a recrear la estructura general del marco. Esta es la razón por la que el propietario del sitio no puede especificar la dirección en la página interior del sitio.

Hay varias soluciones a este problema.

Anteriormente, la bola se considera un ejemplo de una estructura de marco. Nosotros lo consideraremos varios métodos Soluciones a este problema en ello.

La idea es la siguiente: al cargar una página que contiene la parte de la información, verificaremos el entorno de la página y si falta la estructura de cuadro requerida, lo crearemos con un script.

Tres casos son posibles:

1. el visitante fue a la página que contenía la estructura del marco;
2. el visitante fue a una de las páginas de información;
3. el visitante llegó a la página con el menú de navegación.

En el primer caso, después de la comprobación, no se requiere ninguna acción. El segundo y el tercero son prácticamente idénticos, por lo que continuará considerando solo el segundo caso.

Y así, el visitante recibe "donde no". Al principio de la página inserte el script que creará una estructura de marco.

La implementación de la solución es posible tanto en el lado del cliente como en el lado del servidor. La principal falta de implementación en el lado del cliente es obvia: la dependencia de las posibilidades y la configuración del cliente. Por ejemplo, la ejecución de los scripts está prohibida en la computadora del usuario. La segunda opción no funcionará si no hay soporte en el servidor. PHP..

Solución de JavaScript.

Con este enfoque, hay un límite, no todos los soportes de los navegadores JavaScript., En algunos casos, los usuarios desactivan los scripts.

Primero, revise el entorno del país, y luego, en ausencia de la estructura de cuadros requerida, cree.

Crear un archivo frame.js. :

Si (Window.NAME! \u003d "PRINCIPAL") (Window.Name \u003d "Root"; DOCUMENT.WRITE (" "); document.write (" "); document.write (" "); document.write (""); }

Al principio, verificamos el nombre de la ventana en la que se carga la página: if (window.name! \u003d "main"). Si el nombre de la ventana y el nombre del marco no coincide, entonces es necesario crear una estructura de marco. Esto se hace dinámicamente utilizando el método. escribir. Objeto documento.

Conecte el archivo a cada página del sitio. frame.js. . Ahora las páginas del sitio tendrán una estructura de este tipo:

... ...

Con este enfoque para resolver esta tarea desaparece la necesidad de un archivo que contiene una estructura de marco.

Solución PHP

Con este enfoque, el sitio se convertirá en un número asequible de visitantes.

Compruebe que el entorno de la página será diferente (no como cuando se usa JavaScript.). Cargar un documento en el marco se ejecutará con el parámetro marcos \u003d si.. Cuando abre la página, compruebe este parámetro, y si es necesario, cree dinámicamente una estructura de marco. A continuación se muestra el código que es responsable de ello.

Coloque el código al archivo. marcos.php. . Ahora necesitas conectarlo a cada página del sitio. A continuación se muestra un ejemplo de tal página.

requerir ("marcos.php"); ?> ...

En este caso, al implementar el lado del cliente, no hay necesidad de crear por separado Html Documento que describe la estructura del marco.

.

Los marcos son elementos HTML que le permiten dividir la ventana del navegador web en varias ventanas independientes, cada una de las cuales se puede descargar un documento HTML por separado. Cada una ventana (marco) puede tener sus propios graneros de desplazamiento y operar independientemente de otras ventanas independientes o viceversa para controlar su contenido. Se pueden aplicar a la organización ubicada constantemente en una ventana de menú, mientras que la información en sí está ubicada en otra ventana. Los usuarios pueden acceder al menú en cualquier momento, y no necesitan volver a la página anterior para seleccionar otro elemento de menú. El uso de marcos le permitirá "sujetar" en la ventana del navegador de imágenes u otros elementos fijos de la interfaz, mientras que el resto de la página se desplazará en el marco.
Sin embargo, vale la pena señalar que hoy en día los marcos se consideran una herramienta obsoleta, y los sitios con marcos ahora se consideran insolongados, ya que los webmasters profesionales nunca usan marcos en sus proyectos. Marcos asociados con una serie de problemas infames. Por ejemplo, están confundidos por los motores de búsqueda, porque en las páginas que contienen contenido, no hay referencias a otros documentos. Si quieres recibir visitantes con los motores de búsquedaOlvídate de los marcos. El usuario que le gustó, no se puede colocar en la sección Bookmark Browser, ya que los marcos ocultan la dirección de la página en la que está, y siempre muestran solo la dirección del sitio web. Por esta razón, crean problemas para los navegadores al rastrear la cronología y también no están demasiado adaptados para diferentes tamaños de pantallas y dispositivos móviles.
A pesar del hecho de que los proyectos con marcos se encuentran en la World Wide Web, el estudio de HTML estaría incompleto sin considerar el tema de los marcos. Marcos, junto con las desventajas, existen algunas ventajas que no le permiten descartar esta tecnología sin precios.

Creando marcos

La estructura del documento HTML con marcos recuerda externamente el formato del documento HTML habitual. Como en el documento HTML habitual, el código completo se coloca entre las etiquetas de par. y , y en el contenedor. Hay titulares. La principal diferencia de un documento con marcos desde el documento HTML habitual, desde el documento con marcos en lugar de etiquetar Etiqueta de par aplicada (De inglés. Conjunto de marco - un conjunto de marcos).
El siguiente ejemplo muestra la estructura de un documento HTML con marcos:

Ejemplo: estructura de documento HTML con marcos

• Inténtalo tú mismo "

frame_TOP.
frame_left.	frame_Right

En el ejemplo anterior, la página contiene tres áreas, en cada una de las cuales HTML documents frame_top.html, frame_left.html y frame_right.html se carga inicialmente. Además de los documentos HTML, el marco puede contener gráficos. Para hacer esto, debe especificar la dirección de la imagen correspondiente en el atributo sRC, p.ej src \u003d "image.gif". Tenga en cuenta que el elemento Utilizado sin una etiqueta de cierre.
Contenedor interior solo se pueden encontrar etiquetas U otro conjunto de marcos abrazados por etiquetas y .
Etiqueta Tiene los siguientes atributos:

• filas - Describe la partición de la página para las líneas:
• cols. - Describe la partición de la página a las columnas:

Las áreas obtenidas como resultado de una partición de la página y serán marcos. La ausencia de estos atributos define un cuadro que llevará a cabo toda la ventana del navegador.

En el valor de los atributos. filas y cols. Es necesario especificar el número de filas o columnas, pero el valor del ancho y la altura de los marcos. Todos los valores en la lista están separados por comas. Las dimensiones se pueden indicar en unidades absolutas (en píxeles) o en porcentaje:

• cols \u003d "20%, 80%" - La ventana del navegador se divide en dos columnas usando el atributo cols.La columna izquierda toma el 20%, y la ventana del navegador del 80% derecha.
• rOWS \u003d "100, *" La ventana del navegador se divide en dos ventanas horizontales usando el atributo filasLa ventana superior toma 100 píxeles, y la parte inferior es el espacio restante especificado por el asterisco.

Como se puede ver en este ejemplo, el contenedor. Con un atributo filas Primero crea dos marcos horizontales, y en lugar del segundo cuadro, se establece otro que divide el marco horizontal inferior en dos columnas usando el atributo cols.La columna izquierda ocupa el 20%, y la ventana del navegador del 80% derecha.
Si el navegador no admite marcos, el texto se mostrará en la ventana ubicada entre las etiquetas. </b> y <b> . Todo lo que es entre etiquetas </b> y <b> , ignoró los fotogramas de apoyo de los navegadores. Por lo tanto, el desarrollador necesita escribir un código que duplica el contenido de los marcos por otros medios, y coloque este código en el contenedor </b> Entonces, todos los usuarios podrán ver su página web. <br> Como se señaló, se usa una etiqueta libre para insertar en un documento de marco separado. <b><frame> </b> . Atributo <b>sRC</b> Especifica un documento que debe mostrarse dentro de este marco, por ejemplo: <frame src="frame_top.html">. Si el atributo <b>sRC</b> No, se muestra el marco vacío.</p> <h2>Fronteras o espacio entre marcos.</h2> <p>De forma predeterminada, el navegador muestra gris y, como regla general, en forma de una línea tridimensional, la frontera entre marcos, con los que los visitantes pueden ajustar el tamaño del marco. <br> El límite del borde se puede controlar, así como cualquier otro elemento del marco. Para esto hay varios atributos de elemento. <b><frameset> </b> Permitiendo configurar marcos de marcos. El grosor de la línea de límite está determinada por el atributo. <b>frontera.</b>. Por defecto, el valor del grosor del límite es de cinco. <br> Para ocultar el límite de marco, debe especificar el valor del ancho de borde a cero, o asignar el valor "NO" o el atributo "0" <b>frontera del marco.</b>. Atributo <b>frontera del marco.</b> Solo puede tomar dos valores opuestos. Si el valor del atributo <b>frontera del marco.</b> Igualmente "sí" o "1", se mostrará el borde del marco, y si "0" o "No", entonces no. Tenga en cuenta que los valores de atributo <b>frontera del marco.</b> diferir para <a href="https://newtravelers.ru/es/setting/kak-vklyuchit-faily-kuki-v-internet-eksplorer-kak-vklyuchit-cookies-v.html">diferentes navegadores</a>. Para resolver este problema, use un atributo dos veces. <b>frontera del marco.</b>y para algunos navegadores necesitas agregar un atributo <b>cuadros de cuadros.</b> Con el valor "0":</p><p> <frameset frameborder="0" framespacing="0" frameborder="no" border="0"> </p><p>En el siguiente ejemplo, eliminamos la frontera entre los marcos:</p> <h3>Ejemplo: Retire la frontera entre los marcos</h3> <ul><li>Inténtalo tú mismo "</li> </ul><table><tr><td style="width: 10px;background-color:green;color: white;"> Frame_left.</td> <td style="width: 90%;background-color:lime;color: white;"> Frame_Right</td> </tr></table><p> <!DOCTYPE html> <html><br><head><br><meta charset="UTF-8"> <title>Marcos sin fronteras</title> </head> <frameset cols="100,*" frameborder="0" framespacing="0" frameborder="no" border="0"> <frame src="frame_left.html" name=" frame_left" > <frame src="frame_right.html" name="frame_right" > </frameset> </html></p> <p>Si elimina la frontera entre los marcos, los visitantes no podrán cambiar el tamaño del marco en el navegador. También puede evitar cambiar el tamaño del marco guardando el borde usando el atributo <b>noresizar</b>:</p><p> <frame src="frame_left.html" noresize> </p><p>Usando el atributo <b>color del borde</b> Puede cambiar el color del marco del marco, solo necesita especificar el código o el nombre de color reservado correspondiente. <br> A continuación se muestra un ejemplo de una página HTML que contiene lo descrito anteriormente en los atributos de control de marco: color de borde - rojo, cambie el tamaño del marco superior:</p> <h3>Ejemplo: Marco de gestión de fronteras</h3> <ul><li>Inténtalo tú mismo "</li> </ul><table style="border-collapse:collapse;"><tr><td style="border-bottom: 4px solid red;background-color:blue;color: white;" colspan="2">frame_TOP.</td> </tr><tr><td style="border-right: 4px solid red;width: 20%;background-color:green;color: white;">frame_left.</td> <td style="width: 80%;background-color:lime;color: white;">frame_Right</td> </tr></table><p> <!DOCTYPE html> <html><br><head><br><meta charset="UTF-8"> <title>Marco de gestión fronteriza</title> </head> <frameset rows="150, *" border="10" bordercolor="red" frameborder="1" frameborder="yes"> <frame src="frame_top.html" noresize> <frameset cols="20%, 80%"> <frame src="frame_left.html"> <frame src="frame_right.html"> </frameset> </frameset> </html></p> <p>Si desea localizar la página que se muestra dentro del marco, más cerca de sus bordes, o, por el contrario, muévase aún más, cambie los atributos <b>margen</b> y <b>marginWidth.</b> Etiqueta. <b><frame> </b> . Atributo <b>margen</b> Determina la sangría entre los contenidos del marco y sus límites superior e inferior. Sintaxis:</p><p> <frame marginheight="число"> </p><p>Atributo <b>marginWidth.</b> Determina la sangría entre los contenidos del marco y sus fronteras derecho e izquierdo. Sintaxis:</p><p> <frame marginwidth="число"> </p><p>Esta fila de HTML, por ejemplo, tiene una página mostrada cerca del límite del marco:</p> <p>Si la página muestra la barra de desplazamiento no deseada para usted, puede resolver este problema especificando el atributo <b>desplazamiento</b>\u003d "No" en la etiqueta <b><frame> </b> . Pero tenga en cuenta que si el marco no es lo suficientemente grande como para mostrar todos los contenidos de la página, entonces el visitante no tendrá ninguna oportunidad de desplazar la página mostrada.</p> <h2>Enlaces dentro de Fraimov</h2> <p>La transición por referencia en el documento HTML habitual es el siguiente: Presione el enlace y el documento actual se reemplaza por nuevo en la ventana actual en la nueva ventana del navegador. Cuando se utiliza marcos, el esquema de descarga de los documentos HTML difiere de la diferencia habitual y principal: esta es la capacidad de descargar un documento HTML en un cuadro de otro marco. <br> Para descargar el documento a un marco específico, se usa un atributo <b>objetivo.</b> Etiqueta <b><a> </b> . Como un valor de atributo <b>objetivo.</b> El nombre del marco se utiliza al que se descargará el documento especificado por el atributo. <b>nombre.</b> Etiqueta <b><frame> </b> . También vale la pena señalar que el nombre del marco debe comenzar con los números o de la letra latina. Los siguientes nombres se utilizan como reservados:</p> <p>Para los enlaces externos, establecidos como un valor para el atributo de destino o _top, o _blank, de modo que los proyectos de terceros no se muestren en sus marcos, pero ocuparon la ventana del navegador completo.</p> <p>El siguiente ejemplo muestra un documento HTML, en el marco derecho del cual la página está cargada en el enlace colocado en el marco superior. Enlace a un documento que se abre en el marco derecho:</p><p> <a href="http://www.google.com" target="frame_right">Google</a> </p><p>El marco derecho se le asigna el nombre. <i>frame_Right</i>:</p><p> <frame src="frame_right.html" name="frame_right"> </p><p>Al documento se cargará en el marco especificado, se utiliza el diseño. <i>target \u003d "Frame_Right"</i>Como se muestra en el ejemplo:</p> <h3>Ejemplo: referencia a otro marco</h3> <ul><li>Inténtalo tú mismo "</li> </ul><p> <!DOCTYPE html> <html><br><head><br><meta charset="UTF-8"> <title>Enlace a otro marco</title> </head> <frameset rows="100, *"> <frame src="frame_topic.html"> <frameset cols="20%, 80%"> <frame src="frame_left.html"> <frame src="frame_right.html" name="frame_right"> </frameset> <noframes> <p>Su navegador no muestra marcos</p>

Marcos flotantes

Elemento

¿Qué es los marcos?

Para hacer que un sitio sea más funcional, coloque una gran cantidad de información y enlaces en lo más conveniente para una forma de visitante, no es necesario utilizar las tecnologías flash. Todo esto es posible por el idioma HTML, donde puede crear marcos.

Hablando por filisteo, los marcos son barras de desplazamiento adicionales en una ventana. Llegando al sitio, el visitante ve en la misma página que si a la vez dos Windows, uno, como regla general, con elementos de menú u otra información importante, y la otra con contenido (texto, precios, etc.). En este caso, el visitante puede con gran comodidad, visualizando suficientes páginas a granel y tenga la información más importante frente a los ojos al mismo tiempo.

Si profundiza en los detalles, la página con marcos consiste al menos, a la vez, a partir de tres páginas HTML, dos visibles para el usuario y un servicio (fotograma de coordinación). Las páginas visibles son marcos que se pueden acceder por separado y al mismo tiempo.

Sin lugar a dudas, una ventaja importante de usar marcos es alta calidad Usabilidad. La interfaz de la página se vuelve más conveniente que el uso de métodos de marcado estándar.

En un momento, hace 5-6 años, los marcos ganaron popularidad entre muchos webmasters. Hoy se utilizan solo en esos sitios donde es simplemente imposible sin ellos, ya que, desafortunadamente, los marcos tienen fallas significativas en términos de promoción.

Marcos - ¿Bueno o malo?

Puede considerar la utilidad de los marcos de tres posiciones, desde la posición del usuario, desde el especialista en SEO y los webmasters.

En el primer caso, la relación con los marcos es ambigua. Por un lado, sin ellos a veces simplemente no lo hacen, y reemplazan con éxito las páginas de servicio que se abren en otras ventanas. Sí, y la usabilidad de grandes en el tamaño de los marcos de los marcos se hace solo mejor, porque el usuario puede usar el menú en otra ventana en cualquier momento.

Por otro lado, realmente no mejoran el diseño de la página. Es bastante difícil lograr una buena apariencia si se usan marcos. Y, por supuesto, no todos los navegadores apoyan los marcos, lo que puede impulsar a todo el ejército de compradores potenciales, clientes o simplemente visitantes.

Desde el punto de vista del webmaster, el uso de marcos hace que sea más fácil compilar las páginas y poner a la interfaz mental. Después de todo, es mucho más fácil crear una página con la lista de menús y otra información importante que para acomodar este contenido en cada página del sitio. Sin embargo, en esta simplificación finaliza y las dificultades de las cuales no es necesaria para quienes un no especialista no necesariamente. Además, ahora casi nadie con Works HTML puro: CMS le permite hacer todo automáticamente.

La posición del especialista SEO es mucho más rígida. Los marcos simplemente no se pierden los robots de búsqueda en la página principal. Por supuesto, hay algunos trucos que permiten el índice y páginas domésticas Sitio, pero aún así es el "complicado" que no se aprueba ningún motor de búsqueda.

El efecto de los marcos en la promoción del sitio.

Cualquiera que haya experimentado un especialista en la promoción de sitios, no podrá dar ninguna garantía en la promoción, si se usan marcos en el recurso. Desafortunadamente, esta tecnología entra en la "lista negra" de los elementos que complican búsqueda PromotionJunto con flash y contenido robado. Pero este último puede no ser notado, pero no se puede contar sobre los marcos.

Entonces, ¿cómo y cómo funciona el uso de marcos en la promoción?

La influencia es grave. El hecho es que está en los marcos que se encuentran todos los enlaces importantes a las páginas interiores del sitio. Y para registrarlos, el Cameracher no necesita usar etiquetas. …. A saber, en esta etiqueta del robot de búsqueda, determina que delante de ella, el enlace en el que puede ir a otra página e indexarlo (o agregar su peso de referencia a otra "migas de pan").

Solo los primeros se indexan por los robots de búsqueda, la página principal a la que caen de los recursos extraños. Otras páginas permanecen cerradas para Yandex y Google, después de todo, incluso de otros sitios, es imposible poner un enlace debido al hecho de que los marcos ocultan la verdadera dirección de las páginas.

Ya no es posible promover una página principal hoy, es imposible especificar todas las solicitudes en ella, y el PS será muy sospechoso sobre tal "una página".

Por supuesto, las "artesanías populares" ya han inventado una forma de indexar las páginas internas, colocándolos referencias al documento de instalación de los marcos, y las direcciones aún se pueden encontrar al abrir la página del cuadro por separado. Pero, ¿necesita todas estas dificultades, si, rechazando tales tecnologías, puede lograr más?

El término "Fream" vino a nosotros desde de idioma ingles. Traducido esta palabra significa "marco" y es un área separada de la ventana. Por su estructura, tal parcela está completamente completada por el documento HTML.

Los marcos separados están divididos por las ventanas del navegador a los sitios que se encuentran cerca. Al mismo tiempo, su propia página de pleno derecho se carga dentro de cada marco. La tecnología de marco todavía causa muchas disputas, pero debe decirse que ya ha pasado el pico de su popularidad. En este momento, esta tecnología se considera obsoleta, y los marcos ordinarios ya no son compatibles con HTML5.

Historia de la tecnologia

Hoy se puede afirmar que finalmente se acepta la decisión sobre la salida de la salida con la tecnología de marco. En el sitio https://www.w3.org/tr/html5-diff/#obsolete-elements, está claro que las etiquetas habituales para crear una estructura de fotogramas, Friendset y Noframes de este tipo están desactualizados. El argumento proporciona evidencia de que el uso de dicha estructura se refleja negativamente en la usabilidad de los sitios y su disponibilidad en la red.

Pero las tecnologías modernas apoyan el elemento IFRAME. Su uso le permite insertar marcos en bloques de texto en las páginas. En este caso, tales elementos tienen la capacidad de alinear relativamente texto. Momento importante: Cambiar el tamaño de los cuadros incorporados no puede estar en principio. No tienen un atributo apropiado para el cambio de tamaño.

En el futuro, sin cambios en la tecnología en la tecnología, el uso posterior de los marcos es poco probable. Y vale la pena recordar que la organización líder para la estandarización de las tecnologías de Internet, W3C indicó explícitamente que tales estructuras no deben ser utilizadas por los desarrolladores del sitio.

Es decir, los marcos en principio no deben aplicarse a la estructura de la página al crear nuevos recursos. Pero con el apoyo y la mejora de los sitios disponibles, el conocimiento de las características de la tecnología y su uso será muy útil y productivo.

Beneficios de Frecks

Entre las ventajas de la tecnología de marco: simplicidad de uso, alta velocidad, la capacidad de posicionar con precisión información en ciertas ubicaciones de la ventana.

El uso de marcos proporciona ahorros en el volumen de tráfico transmitido en el proceso de trabajo con el sitio. Después de todo, al acceder a otra sección de información, solo una página de la página suele actualizarse, y no su código completo.

Dicha estructura garantiza posibilidades interesantes para navegar por el contenido de recursos. Después de todo, dentro de la ventana del navegador en marcos adyacentes, puede ver varios bloques de información. Es importante que los usuarios sepan que la búsqueda en el marco es equivalente a la ejecución de tal operación en una página separada.

En el proceso de trabajar con el sitio, puede cambiar dinámicamente las dimensiones. parcela separadaEs difícil implementar con el uso de otras soluciones tecnológicas.

Posibles deficiencias

Problemas de los sitios de trabajo que usan marcos acumulados gradualmente, pero hoy llegaron umbral. Entre las principales deficiencias asignan:

1. Ubicación insatisfactoria. Hoy en día, la proporción de usuarios de dispositivos móviles y tabletas con una pequeña resolución de la pantalla está creciendo y ya supera el número de aquellos que visitan sitios de computadoras estacionarias y computadoras portátiles. Y aquí el uso de marcos crea problemas graves con la adaptabilidad de las páginas al mostrarlas varios dispositivos. Este problema para hoy práctico no tiene ninguna solución.
2. Deterioro de la disponibilidad del sitio para varios programas. Aumentar el número de programas adicionales (por ejemplo, los altavoces de pantalla) revela una accesibilidad mucho peor de la información de lectura.
3. Pantalla de página no válida. A menudo, el diseño de las páginas con una estructura de este tipo se ve en los navegadores incorrectos en términos de diseño. Y esto se debe a las características de la tecnología. Desde el punto de vista de SEO, el uso de marcos en el diseño HTML de la página es muy indeseable.
4. La presencia de una sola dirección para toda la estructura. Como resultado, las páginas internas de dicho sitio no se pueden agregar a los marcadores. Esto lleva a inconvenientes en los usuarios.
5. Indexación incorrecta por los motores de búsqueda. La presencia en el sitio Varios documentos completos de los que se forman una página está notablemente difícil de trabajar los motores de búsqueda. Esto conduce a errores significativos al indexar. Como resultado, la definición incorrecta de los sujetos y las direcciones de la página, pérdida de contenido crítico de la indexación.
6. Ruptura. Esta es una deficiencia bastante inusual para los recursos en la red. Y, sin embargo, es necesario decir que el hecho de la obsolescencia de los sitios en los marcos conduce al hecho de que los autores y propietarios de tales recursos se consideran retrógrados. Pero hay excepciones separadas. Incluso los sitios modernos en los que se encuentran los chats, generalmente usan trabajos con marcos.

Motores de indexación de motores de búsqueda

La información que proviene de los motores de búsqueda nos dice inequívocamente que los sitios con marcos se indexan notablemente más lentos. A menudo ocurre los errores asociados con la propia estructura. Después de todo, cada uno de los marcos muestra una página de Internet de pleno derecho. Y esta parte del sitio puede caer en la base de índice.

Momento negativo de dicha indexación: cuando se cambia al interior de la página, el usuario suele ver el menú y otros mecanismos de navegación. Y no es sorprendente. Debe entenderse que la actualización del marco no es una solución al problema en este caso. Después de todo, todos los mecanismos de navegación se colocan en otro contenedor.

Otro problema es que a menudo la página principal de la estructura del contenedor contiene solo un encabezado, una descripción de las metategas y una etiqueta de marcos. Y parece ser lógico, después de todo, el contenido significativo se publica en documentos separados. Es su visitante ver el sitio en la página dentro.

Pero aquí hay un robot de búsqueda que casi nunca se indexa. No encuentra un contenido útil para los visitantes. Los bots de búsqueda están configurados de tal manera que intentan obtener e indexar la información ubicada dentro de la etiqueta del cuerpo. Es allí donde se encuentra el contenido útil para el usuario del usuario. Y en la página del marco no hay tal etiqueta, es reemplazado por el conjunto de marcos.

Parcialmente este problema se puede resolver utilizando noframes. Pero en muchos sitios, al acceder a ella, solo se le da la información que el navegador no admite los marcos. Y para ver la página que necesita para usar otro programa.

Dichos casos crean muchos problemas a los usuarios que, al cambiar al sitio, no vean el menú y otra información que se debe mostrar. En el caso de colocar en los marcos de los marcos, se reducen sus parámetros del punto de vista SEO. Al mismo tiempo, las estadísticas de comportamiento del usuario sugieren que la autoridad del recurso en los motores de búsqueda cae. Esto definitivamente afecta negativamente la asistencia de los sitios.

Especialmente difíciles de buscar motores e indexar los bots para procesar estructuras de personal anidadas y múltiples. El hecho de que cada contenedor tenga todos los signos de un documento separado, pero no contiene navegación completa y otra información, complica aún más la situación.

Es posible facilitar la operación de los motores de búsqueda aplicando la transferencia correcta en las páginas. En este caso, debe duplicar todos los enlaces de menú para que se encuentren dentro de cada parte individual de la página. Pero esto se complica notablemente y disminuye el trabajo en la optimización del sitio y actualizando la información sobre ella.

La experiencia de muchos optimizadores y webmasters también sugiere que la página en los marcos no recibe asientos altos en los resultados de búsqueda. Esto está sucediendo incluso si caen en la base de índice.

Características de los sitios de promoción en marcos.

Algunos sistemas de búsqueda indexan incorrectamente o incorrectamente los archivos indexados con una estructura de marco. Como resultado, la base de índice está llena de no direcciones de los recursos de los padres (como debería haber sido), y enlaces a subsidiarias.

Para minimizar los problemas de los sitios de indexación según los marcos, se aplican etiquetas y parámetros especiales cuando se describen. El elemento principal de la estructura del contenedor es el marcado. Es el que reemplaza. código fuente Cuerpo estándar; Cada contenedor individual en la estructura describe el marco. Su número en el código de la página corresponde al número de secciones individuales que se muestran en la ventana del navegador al ver.

Las etiquetas especificadas deben ubicarse en la página principal del sitio, y luego duplicar el contenido dentro de cada uno de ellos.