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 frameset html
Chuleta framesets. Actualizada 07/02/2019 Cuidado con el cierre de la etiqueta <frame>. Algunos editores de texto te la cierran como <frame></frame> pero es un error.

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:

Etiquetas audio y video de html5
- 133
Resumen de clase de las etiquetas audio y video html5. Apuntes html del certifiado de profesionalidad IFCD01110
Etiquetas básicas introductoras al html5
- 915
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...
Códigos HTML | Carácteres especiales (escapados)
- 88
¿Por qué se escapan los caracteres en html? ¿Que utilidad tiene complicarse con símbolos estraños? ¿Como los usamos? Apuntes de alumno HTML.
Como navegar por el árbol de una página web mediante enlaces html
- 78
Resumen con ejemplos de como acceder de forma relativa y con enlaces a los distintos archivos de un proyecto web dado un html referencia.
Anclas html
- 598
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...
Ejemplo de creación de página web con capas y migración a HTML5
- 1115
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...
Enlaces en html: la etiqueta a
- 233
La web sería muy distinta a como la conocemos hoy de no ser por Tim Berners-Lee y la invención en 1989 de la etiqueta enlace. El hipervínculo hizo posible incorporar a documentos estructurados y marca...
Espacios en blanco HTML. Practicando con caracteres especiales.
- 13
Ejercicio html de nivel básico para practicar con el espacio en blanco de HTML. Incluye solución.
Validadores de código HTML y CSS
- 558
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...
Ejercicio migración de xhtml a html5. Estructura web semántica.
- 35
Ejercicio html5 dónde transformamos un documento web realizado con capas html . Incluye solución.
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.