Como funcionan los frameset de html. ¡Cuidado que están obsoletos!

Como funcionan los frameset de html. ¡Cuidado que están obsoletos!

Print Friendly, PDF & Email
Como funcionan los frameset de html. ¡Cuidado que están obsoletos!
Valora esta entrada
El uso de framesets está completamente desaconsejado a día de hoy.

Las etiquetas frameset son consideradas obsoletas.

Aún así su estudio tiene el interés de saber como se hacían las páginas web antiguamente. Y nunca se sabe si algún día volverán a usarse.

O que necesites actualizar una antigua página web y necesites comprender su funcionamiento.

Como curiosidad tal vez te interese saber que la web de gallinablanca.es en 2004 estaba hecha mediante estas etiquetas html de las que trataremos hoy.

Modificaciones necesarias en el documento html

Las etiquetas que vamos a utilizar son consideradas obsoletas a día de hoy.

Es necesario que modifiques el DOCTYPE del documento web a una versión antigua.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>

La estructura del documento web también se ve modificada.

Una página web hecha con framesets no debe tener la etiqueta <body>. De lo contario verás que tu página no funciona.

Mi chuleta para usar framesets

En la imagen adjunta encontrarás mi chuleta para el uso de framesets en html

Las etiquetas a considerar son:

  • frameset; el atributo cols o rows define el porcentaje total de la pantalla que va a ocupar cada sección. Conviene que uno de ellos sea siempre un * para que el navegador calcule de forma automática el ancho o la altura que debe tener.
  • frame; usaremos tantos frames como bloques se hayan indicado en la etiqueta frameset. El atributo src hace referencia a la url de la página que queremos que se cargue.

Para combinar filas y columnas simplemente debemos anidar un frameset en el espacio que dedicaríamos a un frame.

Chuleta framesets html
Chuleta framesets html

Motivos por los que ya no se usan los framesets

Los framesets han quedado en desuso porqué:

  1. los motores de búsqueda tienen problemas para indexarlos
  2. ocupan espacio de la pantalla.
  3. no puedes usar las funcionalidades de ir para adelante o para atrás en el historial de navegación del navegador
  4. presentan problemas de usabilidad y accesibilidad web para las personas invidentes.

¡Hasta aquí la publicación de hoy!

Espero que aunque las etiquetas frameset y frame hayan pasado a ser una pieza de arqueología digital te haya resultado útil esta entrada. ¡Nunca se sabe si algún día te serán de utilidad!

Entradas relacionadas:

Listas ordenadas, no ordenadas y de definiciones en HTML y listas anidadas
- 542
Una lista html es una relación de datos agrupados y que tienen una temática en común. Las listas pueden ser ordenadas, no ordenadas y de definiciones. Veamos en este escrito como es su sintaxis, que a...
Meta etiquetas en HTML : meta tags
- 477
Las meta etiquetas son un tipo de tags que se escriben en la cabecera de un documento web que aportan información técnica a los motores de búsqueda sobre como deben leer nuestro sitio web. Vemos los t...
Validadores de código HTML y CSS
- 383
Incluso los programadores y diseñadores más experimentados cometen errores de sintaxis o vocabulario picando código en lenguaje html, css, javascript y cualquier otro lenguaje de programación. Nos pas...
Como usar los encabezados h1 a h6 en html
- 188
Una duda frecuente cuando nos iniciamos en el mundo del html es saber cuando debemos usar un h1, un h2, un h3 o hasta un h4. En esta entrada miramos de dar un criterio lógico que pueda servir de ayuda...
Ejemplo de creación de página web con capas y migración a HTML5
- 742
El lenguaje de marcas sirve para dotar de estructura y contenido a un documento web. Mediante la etiqueta div veremos un ejemplo de como dotar de estructura a una página web. Y después utilizaremos la...
Etiquetas básicas introductoras al html5
- 603
Existen 2 formas de aprender el html. Uno es ir desde las etiquetas más antiguas y obsoletas hacia las más modernas del html5 o viceversa. Yo soy partidario de aprender html5 directamente y hacer borr...
Anclas html
- 423
Anteriormente hemos visto que es un enlace y como se construye mediante una etiqueta y cuales son los atributos más importantes que lo acompañan. Hoy vamos a ver una de las utilidades más prácticas d...
Creación de formularios html
- 540
En esta entrada repasamos las etiquetas html imprescindibles para escribir formularios así como los atributos más importantes de todos.
Imágenes en html: la etiqueta img
- 356
Hoy en día se nos hace difícil imaginar aquellas primeras páginas web sin imágenes. La etiqueta de html se propuso por primera vez en 1993 por Marc Andreessen. En esta entrada presentamos la etiqueta...
Etiquetas xmp, pre y code en HTML
- 690
Tratamos las etiquetas que permiten preformatear el texto de un documento web. Como se escriben, para que sirven y sus peculiaridades con un ejemplo práctico. Veréis el código html y el resultado por ...
Francesc Ricart
hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.