Etiqueta HTML `<frame>`

La etiqueta <frame> define una ventana específica, un marco, donde podemos cargar otra página web. Usa el atributo src para definir la dirección de esta página web. La página web puede tener varios marcos de este tipo.

La etiqueta <frame> se usa con el elemento <frameset>, que define cómo dividir la ventana en marcos.

DANGER

El <frame> es una etiqueta HTML obsoleta y no es compatible con HTML5. Usa la etiqueta <iframe> en su lugar.

Al usar marcos, el elemento <frameset> reemplaza a la etiqueta <body>. El elemento <frameset> define la estructura del frameset (zonas en la ventana del navegador donde se cargan otras páginas web), el número de columnas y filas, y su tamaño en porcentajes o píxeles. Ten en cuenta que esta etiqueta también está obsoleta en HTML5.

TIP

Las páginas que contienen marcos solo pueden validarse si la declaración <!DOCTYPE> está establecida como HTML Frameset DTD o XHTML Frameset DTD.

Usa el atributo rows de la etiqueta <frameset> para definir marcos horizontales, y el atributo cols para definir marcos verticales.

Sintaxis

La etiqueta <frame> está vacía, lo que significa que no se requiere la etiqueta de cierre. Pero en XHTML, la etiqueta <frame> debe cerrarse automáticamente (<frame />).

Ejemplo de la etiqueta HTML `<frame>`:

Ejemplo de la etiqueta HTML <frame>

html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <frameset cols="50%,50%">
    <frame src="https://www.w3docs.com/learn-html/html-basic.html">
    <frame src="https://www.w3docs.com/learn-css/css-syntax.html">
  </frameset>
</html>

Try it Yourself »

Resultado

frame tag example

Ejemplo de la etiqueta HTML `<frame>` con el atributo rows:

Ejemplo de la etiqueta HTML <frame> con el atributo "rows":

html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <frameset rows="30%,30%,40%">
    <frame src="https://www.w3docs.com/learn-javascript.html">
    <frame src="https://www.w3docs.com/learn-php.html">
    <frame src="https://www.w3docs.com/learn-git.html">
  </frameset>
</html>

Try it Yourself »

Ventajas y desventajas de la etiqueta `<frame>`

Estas son las ventajas de esta etiqueta:

Permite ver varios documentos dentro de una sola página web.
Se pueden cargar páginas de diferentes servidores en un solo frameset.

La etiqueta <frame> tiene las siguientes desventajas:

No permite marcar como favoritas las páginas web que están dentro de un marco.
Usar demasiados marcos provocará una gran carga de trabajo en el servidor.
No es compatible con muchos navegadores antiguos.

Frames vs iframes

Los elementos <frame> y <iframe> tienen un comportamiento similar. Sin embargo, hay algunas diferencias entre ellos. La etiqueta <frame> se usa con el elemento <frameset>, que define cómo dividir la ventana en marcos. Cada uno de estos marcos tiene su propio contenido. La etiqueta <iframe> inserta el marco directamente en la misma fila que los demás elementos de la página web.

Atributos

Atributo	Valor	Descripción
bordercolor	color	Define el color del borde alrededor del marco. No compatible en HTML 5.
frameborder	0, 1	Define si el borde alrededor del marco debe mostrarse o no. No compatible en HTML 5.
longdesc	URL	Define una página que tiene una descripción larga del contenido de un marco. No compatible en HTML 5.
marginheight	pixels	Define los márgenes superior e inferior de un marco. No compatible en HTML 5.
marginwidth	pixels	Define los márgenes izquierdo y derecho de un marco. No compatible en HTML 5.
name	text	Define el nombre de un marco. (Se recomienda establecer siempre este atributo, especialmente en los casos en que sea necesario cargar un documento en otro mediante un enlace desde un marco.) No compatible en HTML 5.
noresize	noresize	Define si el usuario puede cambiar el tamaño del marco o no. No compatible en HTML 5.
scrolling	yes, no, auto	Define si la barra de desplazamiento debe mostrarse o no. No compatible en HTML 5.
src	URL	Define la URL de la página que debe cargarse en el marco. No compatible en HTML 5.

El elemento <frame> también admite los Atributos globales.

Practice

Which of the following statements are true regarding the HTML <frame> tag?

The HTML <frame> tag is used to divide the screen into different parts.The HTML <frame> tag is no longer supported in HTML5.The HTML <frame> tag should be used instead of the <iframe> tag.Each HTML <frame> tag within a <frameset> tag can have different documents.The HTML <frame> tag is used to embed multimedia like audio, video, etc. in the document.

¿Te resulta útil?