{"id":31957,"date":"2024-11-12T12:40:21","date_gmt":"2024-11-12T12:40:21","guid":{"rendered":"https:\/\/www.seobility.net\/?post_type=wiki&p=31957"},"modified":"2025-03-23T10:40:27","modified_gmt":"2025-03-23T10:40:27","slug":"Frameset","status":"publish","type":"wiki","link":"https:\/\/www.seobility.net\/es\/wiki\/Frameset","title":{"rendered":"Frameset"},"content":{"rendered":"

\u00bfQu\u00e9 son los framesets y los frames? Introducci\u00f3n e historia<\/span><\/h2>\n
\n
\"Frames<\/a> <\/p>\n
Imagen:<\/b> Framesets y Frames – Autor: Seobility – Licencia: CC BY-SA 4.0<\/a><\/div>\n<\/div>\n<\/div>\n

Su origen se remonta a los primeros a\u00f1os del dise\u00f1o web. La funci\u00f3n frame, introducida por Netscape en 1996, permiti\u00f3 dividir una p\u00e1gina en diferentes secciones.\n<\/p>\n

Originalmente un frameset se utilizaba para separar la cabecera y la barra de navegaci\u00f3n web<\/a> de su contenido.\n<\/p>\n

Esta separaci\u00f3n de las partes est\u00e1ticas (\u00abnavegaci\u00f3n\u00bb y \u00abcabecera\u00bb) de las din\u00e1micas era \u00fatil en aquella \u00e9poca porque la conexi\u00f3n a Internet de la mayor\u00eda era muy limitada y de baja velocidad.\n<\/p>\n

As\u00ed pues, se intentaba recargar \u00fanicamente ciertas partes de un sitio web, las que cambiaban, mientras que las partes est\u00e1ticas permanec\u00edan inalteradas y , de tal modo, se ahorraban datos y se reduc\u00eda el tiempo de carga.\n<\/p>\n

Frameset<\/span><\/h2>\n

Un frameset es el esquema de una p\u00e1gina web y se almacena en su propio archivo HTML. Contiene el n\u00famero de secciones individuales, as\u00ed como el n\u00famero y tama\u00f1o de las filas y columnas.\n<\/p>\n

El elemento HTML correspondiente se llama \u00abframeset\u00bb y puede contener el atributo \u00abcols\u00bb, que define el n\u00famero de columnas, separadas por una coma, y el atributo \u00abrows\u00bb, que define el n\u00famero de las filas.\n<\/p>\n

Es posible formatear una o varias columnas o filas \u00abdin\u00e1micamente\u00bb, es decir, que una o varias filas se adapten al tama\u00f1o de las columnas o filas fijas. Con col=\u00bb400,*\u00bb se crea un conjunto de marcos o frames con dos columnas, donde la primera tiene 400 p\u00edxeles de ancho y donde la segunda ocupa el resto.\n<\/p>\n

El n\u00famero y el tama\u00f1o de las filas se definen de forma an\u00e1loga a las columnas, y los campos resultantes se rellenan con HTML.\n<\/p>\n

Frames<\/span><\/h2>\n

Un frame o marco es el n\u00facleo de una p\u00e1gina \u00abframeset\u00bb. HTML \u00abframe\u00bb no puede ser cerrado por un elemento de cierre sino solo \u00abinline\u00bb, es decir, por \u00ab\/>\u00bb al final del elemento HTML de apertura. Adem\u00e1s, \u00abframe\u00bb solamente puede utilizarse dentro de un frameset.\n<\/p>\n

Los dos atributos principales de un frame son \u00absrc\u00bb, que define la p\u00e1gina de contenido que se cargar\u00e1 y \u00abname\u00bb, que sirve de destino para los enlaces. El primero funciona igual que con otras etiquetas como \u00abimg\u00bb, mientras que el segundo es esencial para la navegaci\u00f3n.\n<\/p>\n

Adem\u00e1s de estos dos atributos HTML, en frame se permiten los siguientes: id, class, style, title, longdesc, frameborder, marginwidth, marginheight, noresize y scrolling.\n<\/p>\n

Los atributos HTML frameborder, noresize y scrolling son espec\u00edficos de este elemento. Con \u00abframeborder\u00bb se puede definir un marco para un elemento HTML, pero no todas las posibilidades de CSS est\u00e1n disponibles.\n<\/p>\n

Noresize determina si las y los usuarios tienen la opci\u00f3n de ampliar o reducir el elemento. Por \u00faltimo, con el atributo \u00abscrolling\u00bb se puede definir si un frame contiene una barra de desplazamiento o no.\n<\/p>\n

Desventajas de los frames<\/span><\/h2>\n

En primer lugar, los framesets y los frames tienen su origen en una \u00e9poca en la que la mayor\u00eda de los proveedores a\u00fan no ofrec\u00edan una creaci\u00f3n din\u00e1mica de p\u00e1ginas mediante el uso de lenguajes de programaci\u00f3n.\n<\/p>\n

Hoy, que s\u00ed se ofrece esa opci\u00f3n, ya no se usan los marcos en HTML de la manera cl\u00e1sica.
\nA pesar de ello, las desventajas contin\u00faan: como el navegador siempre muestra la construcci\u00f3n completa y la URL no cambia al navegar por la p\u00e1gina, separarla en varios documentos significa que las y los usuarios no pueden marcar las subp\u00e1ginas.\n<\/p>\n

Por si fuera poco, los marcos hacen m\u00e1s engorrosa la impresi\u00f3n de p\u00e1ginas completas. Otro problema especialmente inc\u00f3modo es que el contenido de la p\u00e1gina que se encuentra a trav\u00e9s de los buscadores se muestra sin la navegaci\u00f3n correspondiente. En el peor de los casos, se ve el contenido del marco sin los elementos vecinos.\n<\/p>\n

En la era de los smartphones, las tabletas y similares, el hecho de que los marcos no puedan posicionarse con CSS es tambi\u00e9n una desventaja inaceptable que hace casi imposible el uso de p\u00e1ginas en dispositivos m\u00f3viles.\n<\/p>\n

Importancia de los frames para el SEO<\/span><\/h2>\n

La mayor\u00eda de los buscadores, incluido Google, \u00fanicamente prestan atenci\u00f3n a la zona \u00abnoframes\u00bb en las p\u00e1ginas con frameset, lo que significa que una t\u00edpica p\u00e1gina con marcos no puede ser indexada.\n<\/p>\n

Para evitar que se muestre el contenido sin una navegaci\u00f3n adecuada, se puede utilizar un snippet de JavaScript<\/a> pero, en general, es desaconsejable el uso de marcos. Si se quiere optimizar un sitio web con esta tecnolog\u00eda es recomendable un redise\u00f1o<\/a> inmediato que tenga en cuenta el uso de dispositivos m\u00f3viles.\n<\/p>\n

\n
\n

Analizador de Frameset<\/h3>\n

Comprueba si hay marcos en tu web<\/p>\n<\/div>\n

\n
\n<\/form>\n<\/div>\n

Sustitutos modernos de los frames<\/span><\/h2>\n

HTML5 no los admite y no deben utilizarse.
\nSi no se puede evitar incrustar algunos elementos o documentos, es mejor utilizar iframe en el c\u00f3digo HTML. Este elemento es un sucesor de frame que suele utilizarse para la integraci\u00f3n de v\u00eddeos.\n<\/p>\n

Si solo se desea conseguir una navegaci\u00f3n fija y evitar as\u00ed el desplazamiento hacia ella, se puede implementar una soluci\u00f3n compatible con XHTML y HTML5 con CSS y el atributo \u00abposition: fixed\u00bb. Adem\u00e1s, AJAX, una combinaci\u00f3n de JavaScript y XML, ofrece la posibilidad de cargar y adaptar din\u00e1micamente elementos y contenidos individuales en un sitio web.\n<\/p>\n

Preguntas frecuentes sobre frame y frameset<\/span><\/h2>\n

\u00bfPara qu\u00e9 se utilizan los frames y framesets en HTML?<\/b>\n<\/p>\n

Para dividir una p\u00e1gina en elementos est\u00e1ticos y din\u00e1micos. Si un usuario o usuaria actualiza la p\u00e1gina, el navegador recarga solo las partes din\u00e1micas.\n<\/p>\n

\u00bfCu\u00e1l es la diferencia entre un frame y un frameset?<\/b>\n<\/p>\n

El frame describe el elemento individual del que se compone una p\u00e1gina. El frameset contiene los marcos individuales.\n<\/p>\n

\u00bfCu\u00e1les son las desventajas de los frames?<\/b>\n<\/p>\n

Dividir una p\u00e1gina en varios documentos impide a las y los usuarios marcar subp\u00e1ginas individuales. Otra desventaja es el hecho de que no se pueden posicionar los marcos mediante CSS.\n<\/p>\n

\u00bfSe debe seguir utilizando frames y framesets?<\/b>\n<\/p>\n

No. HTML5 no los admite y ya no se recomienda su uso.\n<\/p>\n

\u00bfCu\u00e1les son las alternativas a los frames?<\/b>\n<\/p>\n

Un enfoque m\u00e1s actualizado es el elemento HTML iframe. Tambi\u00e9n se puede utilizar CSS o AJAX para alcanzar resultados similares.\n<\/p>\n