Sé que se _blank
abre una nueva pestaña cuando se usa con la etiqueta de anclaje y también, hay objetivos autodefinidos que uso cuando uso conjuntos de marcos, pero me gustaría saber la diferencia entre _parent
, _self
y _top
.
Sé que se _blank
abre una nueva pestaña cuando se usa con la etiqueta de anclaje y también, hay objetivos autodefinidos que uso cuando uso conjuntos de marcos, pero me gustaría saber la diferencia entre _parent
, _self
y _top
.
Respuestas:
Si bien estas respuestas son buenas, en mi humilde opinión, no creo que aborden completamente la pregunta.
El atributo de destino en una etiqueta de anclaje le dice al navegador el destino del destino del ancla. Inicialmente se crearon para manipular y dirigir anclajes al sistema de marcos del documento. Esto fue mucho antes de que CSS llegara en ayuda de los desarrolladores de HTML.
Si bien target="_self"
es predeterminado por el navegador y el objetivo más común es target="_blank"
que abre el ancla en una nueva ventana (que generalmente ha sido redirigida a pestañas por la configuración del navegador). Las etiquetas "_parent"
, "_top"
y framename
son un misterio para aquellos que no están familiarizados con los días de la construcción de sitios iframe como tendencia.
target="_self"
Esto abre un ancla en el mismo marco. Lo que es confuso es que debido a que generalmente ya no escribimos en marcos (y las etiquetas frame
y frameset
son obsoletas en HTML5) la gente asume que esta es la misma función de ventana. En cambio, si este ancla estuviera anidada en marcos, se abriría en una especie de modo de caja de arena, es decir, solo en ese marco.
target="_parent"
Abrirá el en el siguiente nivel de un marco si estuvieran anidados uno dentro del otro
target="_top"
Esto se rompe fuera de todos los marcos en los que está anidado y abre el enlace como documento superior en la ventana del navegador.
target="framename
Esto fue originalmente obsoleto, pero se volvió a incorporar en HTML5. Esto apuntará al marco exacto en cuestión. Si bien name
era el método adecuado, ese método ha sido reemplazado por el uso de la id
etiqueta de identificación.
<!--Example:-->
<html>
<head>
</head>
<body>
<iframe src="url1" name="A"><p> This my first iframe</p></iframe>
<iframe src="url2" name="B"><p> This my second iframe</p></iframe>
<iframe src="url3" name="C"><p> This my third iframe</p></iframe>
<a href="url4" target="B"></a>
</body>
</html>
La sección 6.16 Los nombres de destino del marco en la especificación HTML 4.01 define los significados, pero está parcialmente desactualizado. Se refiere a "ventanas", mientras que los borradores de HTML5 hablan de manera más realista sobre "contextos de navegación", ya que los navegadores modernos a menudo usan pestañas en lugar de ventanas en este contexto.
Brevemente, _self
es el valor predeterminado (contexto de navegación actual, es decir, ventana o pestaña actual), por lo que solo es útil anular una <base target=...>
configuración. El valor se _parent
refiere al conjunto de marcos que es el padre del marco actual, mientras que _top
"rompe todos los marcos" y abre el documento vinculado en toda la ventana del navegador.
target="_blank"
Abre una nueva ventana y muestra los datos relacionados.
target="_self"
Abre la ventana en el mismo marco, significa la propia ventana existente.
target="_top"
Abre el documento vinculado en todo el cuerpo de la ventana.
target="_parent"
Abre datos en el tamaño de la ventana principal.
target="_main"
habla el atributo?
Aquí hay una imagen con diferentes valores objetivo.
A continuación se muestra un ejemplo práctico de etiqueta de anclaje con diferentes
target
: w3.org/TR/html-markup/a.html#a.attrs.target .