_target: define el destino de los enlaces en HTML

Con _target puedes es­ta­ble­cer el destino de los enlaces. Si además usas target_blank, los hi­pe­r­ví­ncu­los se abrirán en otra ventana, aunque esta opción está mal vista. Por otra parte, con la co­n­fi­gu­ra­ción estándar _self, los usuarios saldrán de la web actual.

Una he­rra­mie­n­ta im­po­r­ta­n­te para manejar los hi­pe­r­ví­ncu­los de tu web es el atributo HTML _target. Con este atributo puedes co­n­fi­gu­rar la página de destino de una re­fe­re­n­cia. Si alguien entra en tu web y hace clic en un enlace, no­r­ma­l­me­n­te la página nueva se abre en la misma pestaña o ventana actual de tu web. Si no quieres que esto ocurra, puedes utilizar _target para que el enlace se abra en una pestaña nueva o en otra página. La ventaja de esto es que los usuarios pasarán más tiempo en tu web y no se irán a otra.

Esta práctica también es muy criticada. Si los usuarios no han hecho cambios en la co­n­fi­gu­ra­ción, estarás in­flu­ye­n­do en su co­m­po­r­ta­mie­n­to y abrirás una página o pestaña nueva sin que ellos quieran. Por eso, durante cierto tiempo esta opción dejó de estar permitida, aunque volvió a los es­ce­na­rios con HTML 5. Ahora se re­co­mie­n­da utilizar el comando target_blank cuando salir de la página actual conlleve una pérdida de datos, algo que beneficia a los usuarios. En este artículo te ex­pli­ca­mos exac­ta­me­n­te cómo funciona ­_target.

El atributo de HTML _target suele uti­li­zar­se sobre todo en la etiqueta HTML y debe contener un valor fijo. Otros elementos pe­r­mi­ti­dos para _target son area, base y form. Suele tener este aspecto:

_target puede contener los si­guie­n­tes valores:

Para in­tro­du­cir _target en HTML, has de hacerlo dentro de un elemento. El código será:

_self se introduce por defecto. Si quieres in­tro­du­ci­r­lo a mano, este es el código:

target_blank sirve para que el enlace se abra en una ventana o pestaña nueva. Si in­tro­du­ces este valor, deberás añadir el co­m­ple­me­n­to rel="noopener" por motivos de seguridad. Té­c­ni­ca­me­n­te no es obli­ga­to­rio, pero se re­co­mie­n­da en­ca­re­ci­da­me­n­te para evitar que la página enlazada acceda a los datos de uso. El código sería algo así:

Ahora, el enlace en cuestión se abrirá en una pestaña nueva.

Si has dado un nombre a una ventana de tu frameset, podrás abrir la página ahí también. Si esta opción no funciona porque no existe el nombre, se abrirá au­to­má­ti­ca­me­n­te en una pestaña nueva como en la variante target_blank.