Cómo crear enlaces dirigidos en marcos e IFrames HTML

Cómo crear enlaces dirigidos en marcos e IFrames HTML

Cómo crear enlaces dirigidos en marcos e IFrames HTML

VALORACIÓN DEL ARTÍCULO:
5/5

Cuando se crea un documento para estar dentro de un IFRAME, cualquier enlace en ese marco se abrirá automáticamente en ese mismo marco. Pero con el atributo en el enlace (el elemento o elemento) puedes decidir dónde deben abrirse tus enlaces.

Puede elegir darle a sus iframes un nombre único con el atributo y luego apuntar sus enlaces a ese marco con el ID como el valor del atributo de destino:

â?ª â?ª â?ª

Si añade un destino a un ID que no existe en la sesión actual del navegador, se abrirá el enlace en una nueva ventana del navegador con ese nombre. Después de la primera vez, cualquier enlace que apunte a ese objetivo se abrirá en la misma ventana nueva.

Pero si no desea nombrar cada ventana o cada fotograma con un ID, todavía puede apuntar a algunas ventanas específicas sin necesidad de una ventana o fotograma con nombre. Éstos se denominan los objetivos estándar.

Índice de contenidos

Las Cuatro Palabras Clave Meta

Hay cuatro palabras clave de destino que no requieren un marco con nombre. Estas palabras clave le permiten abrir enlaces en áreas específicas de la ventana del navegador web que pueden no tener un ID asociado. Estos son objetivos que los navegadores reconocen:

  • _sin
    • Este es el objetivo por defecto para cualquier etiqueta ancla. Si no establece el atributo de destino o utiliza este destino, el enlace se abrirá en la misma ventana o marco en el que se encuentra el enlace.
  • padre o madre
    • Los iframes están incrustados dentro de las páginas web. Y puede incrustar un iframe en una página que está dentro de otro iframe en otra página web. Cuando se establece el atributo target a _parent, el enlace se abrirá en la página web que contiene el iframe.
  • arriba
    • En la mayoría de las situaciones con iframes, este objetivo abrirá enlaces de la misma manera que el objetivo _parent. Pero si hay un IFRAME dentro de un IFRAME, el destino _top abre enlaces en la ventana de nivel más alto de la serie, eliminando todos los iframes.
  • En blanco
    • Este es el objetivo más utilizado: abre el enlace en una ventana completamente nueva, similar a una ventana emergente.

Cómo elegir los nombres de los marcos

Cuando construya una página web con iframes, es una buena idea darle a cada uno un nombre específico. Esto le ayuda a recordar para qué sirven y le permite enviar enlaces a esos marcos específicos.

Me gusta llamar a mis iframes por lo que son. Por ejemplo:

â?ª â?ª â?ª

Uso de marcos HTML con objetivos

HTML5 hace que los marcos y los conjuntos de marcos sean obsoletos, pero si todavía utiliza HTML 4.01, puede dirigir los marcos específicos de la misma manera que dirige los iframes. Los nombres de los marcos se dan con el atributo id:

Entonces, cuando un enlace en otro cuadro (o ventana) tiene el mismo objetivo, el enlace se abrirá en ese cuadro:

Las cuatro palabras clave de destino también funcionan con marcos. El _parent se abre en el marco adjunto, _self se abre en el mismo marco, _top se abre en la misma ventana, pero fuera del conjunto de marcos, y _blank se abre en una nueva ventana o pestaña (dependiendo del navegador).

Establecimiento de un objetivo predeterminado

También puede establecer un objetivo predeterminado en sus páginas web utilizando el elemento. El atributo de destino se define con el nombre del iframe (o marco en HTML 4.01) en el que desea que se abran todos los enlaces. También puede establecer objetivos predeterminados de una de las cuatro palabras clave de destino. A continuación se explica cómo escribir un objetivo predeterminado para una página:

El elemento pertenece a la CABEZA de su documento. Es un elemento vacío, así que en XHTML, se incluiría la barra de cierre:

/

TAMBIÉN TE INTERESA

Instagram-Creator-Marketplace

España, a la espera del Instagram Creator Marketplace

Instagram es una de las redes sociales de mayor impacto en la población española. Desde su irrupción, la figura del influencer ha crecido enormemente en el mundo del marketing y las marcas. La herramienta Instagram Creator Marketplace puede seguir fortaleciendo a estos prescriptores, visto el potencial que empieza a tener este servicio en Estados Unidos.

avatares-Roblox

Vámonos de shopping en Roblox: Mango inaugura su primera tienda

En dinámico mundo de los juegos online, Roblox (con más de 70 millones de usuarios activos diarios) se ha destacado como una plataforma que ofrece a los participantes una experiencia única y diversa. Una de las características más populares de Roblox es su sistema de personalización de avatares, que permite a los jugadores expresar su

Snapdragon-8-Gen-3

Snapdragon 8 Gen 3, el chip de Qualcomm que empujará la IA en los móviles

La IA ha llegado al universo de los smartphones. Los últimos lanzamientos ya se anuncian con la inteligencia como protagonista. De igual manera, las grandes actualizaciones de software vienen marcada por la presencia de nuevas funciones movidas bajo los parámetros de la inteligencia artificial generativa. Al margen de los desarrollos a nivel de software, es

Ecowatch-1-de-Maxcom

Con el Ecowatch 1 no tendrás excusas para pasarte a un reloj inteligente

Sabemos que es muy difícil convencer a un perfil de personas que reniegan de un smartwatch a comprarse un reloj inteligente y quitarse el de toda la vida. No obstante, vamos a intentarlo con el Ecowatch 1 de Maxcom.  Es tarea complicada porque el gusto por los relojes suele estar muy definido en ciertas personas.

simulador-de-bodas

¿Te casas? La IA y DeWeed pueden ayudarte en la planificación de tu boda

La planificación de una boda es un proceso emocionante pero a menudo abrumador. Desde la selección del lugar perfecto hasta la elección del vestido ideal, hay innumerables decisiones que tomar para que todo salga según lo planeado en el gran día. Tradicionalmente, esta tarea ha supuesto muchos quebraderos de cabeza para los novios. Una vez