Href abrir en ventana nueva. Abra los enlaces en una nueva pestaña del navegador. ¿Por qué target="_blank" es malo?

.

Internet Explorer Mozilla Firefox Trabajar con pestañas
en el navegador Google Chrome

con pestañas.

Puedes encontrar toda la información completa sobre cómo trabajar con pestañas en tu Google Chrome.

Problema del navegador: todos los enlaces se abren en una nueva pestaña

Para hacer esto, abra su navegador y simplemente presione la tecla de función F1 en su teclado. O haga clic en el ícono de llave inglesa, o tal vez en un ícono como el mío, en lugar de una llave inglesa, al final de la barra de direcciones del navegador. Y seleccione Ayuda en la parte inferior de la pestaña que se abre. Se abrirá una nueva pestaña con un enlace Pestañas y Windows en el centro. Haga clic y todos los títulos asociados con las pestañas se abrirán a la derecha.

Ópera Safari

Cuando navega por Internet, los navegadores modernos siempre le permiten abrir una página mediante un enlace en una nueva ventana o pestaña. Esto suele ser muy conveniente: ve un enlace interesante, pero no levanta la vista del texto que está leyendo, sino que abre el enlace en una nueva ventana o pestaña para regresar cuando haya terminado con la que está abierta actualmente. Siempre quise que esta opción estuviera disponible en el Explorador de Windows (haga clic derecho en una carpeta) y allí hay una opción: "abrir en una nueva ventana".

Es bastante fácil agregar dicha opción ingresando a las propiedades del Explorador, ¡pero no hagas esto en todas las computadoras que visites! Es mucho mejor automatizar el proceso utilizando un archivo de registro. Este es el segundo objetivo de este artículo: continuar con el tema del registro y mostrar cómo se puede editar no sólo a mano.

En este artículo proporcionaré el código de un archivo que agrega una opción al menú contextual; Además, este archivo se puede descargar. Si tienes ejemplos interesantes de archivos de registro, ¡envíamelos en los comentarios!

Nota: Pido disculpas a quienes estaban esperando un artículo sobre el anonimato. No tengo tiempo. Lo estoy sacando de stock.

Entonces, el registro.

Cómo hacer que los enlaces se abran en una nueva ventana o pestaña

Si ya ejecutó regedit, puede experimentar exportando todo el registro o parte de él usted mismo. Para hacer esto, debe ubicarse en la rama del registro, ir al menú de exportación de archivos y seleccionar dónde desea cargar. Obtendrá un archivo con la extensión reg, al hacer doble clic en él se restaurará el registro y lo volverá a cargar. Pero usted mismo puede crear dicho archivo, que es lo que haremos ahora. Crea un archivo de texto y escribe el siguiente contenido en su interior:

@="Abrir en ventana nueva"

@="C:\\WINDOWS\\explorer.exe \"%1\""

Ahora es necesario cambiar el nombre del archivo: cambie su extensión a reg. ¿Cómo hacer esto? Exactamente de la misma manera que cambia el nombre de otros archivos, solo que primero necesita mostrar las extensiones del archivo.

Haga doble clic en dicho archivo, acepte realizar cambios en el registro y listo, el menú contextual ha sido cambiado; cuando hace clic derecho en la carpeta, aparece la opción "abrir en una nueva ventana". Si no desea crear, editar y cambiar el nombre del archivo, puede descargarlo desde mi sitio web.

Pero este archivo hará que mi sitio sea la página de inicio en Internet Explorer.

Editor del Registro de Windows Versión 5.00

"Página de inicio" = "https://it.sander.su/"

¿Tiene buenos ejemplos de archivos para editar el registro? ¡Envíalo! Por cierto, permítanme recordarles mi publicación anterior sobre el host de scripts de Windows: hay ejemplos de programas de cómics en el lenguaje integrado de Windows.

comentarios impulsados ​​por

¿Cómo abrir un enlace en una nueva ventana?
como cambiar
configuración de pestañas

en navegadores
Inicialmente, los navegadores se configuran de manera diferente para abrir nuevas páginas. Por ejemplo, Safari está configurado para abrir páginas nuevas en una ventana nueva. Y Mozilla Firefox abre nuevas páginas en nuevas pestañas de la Barra de Pestañas, pero además tenemos la posibilidad de abrir nuevas ventanas.

Puede cambiar la configuración usted mismo.

Explorador de Internet

Puede cambiar la configuración de las pestañas en Internet Explorer en Opciones de Internet. Haga clic en el ícono de ajustes en la parte superior derecha del panel del navegador. Seleccione Opciones de Internet, luego seleccione la pestaña General y en la parte inferior, en la línea Pestañas, haga clic en Opciones. En el centro debajo de la línea Al abrir una nueva pestaña, abrir: seleccione la forma deseada de abrir pestañas en el triángulo negro.

Firefox

Para cambiar la configuración de las pestañas en el navegador Mozilla Firefox, haga clic en el botón Herramientas en el panel. En la parte inferior, haz clic en Configuración. En la parte superior de la nueva ventana, haz clic en Pestañas. Y aquí puede marcar las casillas o desmarcarlas de la forma que desee para abrir nuevas pestañas.
en el navegador Google Chrome

No lo encontré en la última versión de Google Chrome.
capacidad de cambiar la configuración de las pestañas.
Probablemente este navegador tan conveniente e inteligente no necesite cambiar la configuración. Porque Google Chrome ofrece a los usuarios muchas opciones con pestañas.
Muy fácil abrir una nueva pestaña y nueva
ventana, incluso a través de teclas de acceso rápido.
Necesita abrir la misma página web en varias pestañas
Hay una opción para duplicar una pestaña. Hay una oportunidad de trabajar.
en modo incógnito (visualización oculta). Puedes mover el que necesites
pestaña en una ventana separada. Y muchas más oportunidades laborales
con pestañas.

Puedes encontrar toda la información completa sobre cómo trabajar con pestañas en tu Google Chrome. Para hacer esto, abra su navegador y simplemente presione la tecla de función F1 en su teclado. O haga clic en el ícono de llave inglesa, o tal vez en un ícono como el mío, en lugar de una llave inglesa, al final de la barra de direcciones del navegador. Y seleccione Ayuda en la parte inferior de la pestaña que se abre. Se abrirá una nueva pestaña con un enlace Pestañas y Windows en el centro. Haga clic y todos los títulos asociados con las pestañas se abrirán a la derecha.

Safari

Para cambiar la configuración de las pestañas en el navegador Safari, haga clic en el ícono de ajustes en el lado derecho del panel del navegador. En la nueva pestaña, seleccione Configuración y, en la siguiente ventana, seleccione Pestañas. Y aquí en la línea Abrir páginas en pestañas, no en Windows: seleccione la opción que necesita.

Ópera

En el navegador Opera, para cambiar la configuración de las pestañas, haga clic en el botón Herramientas en el panel. Seleccione Configuración general en la parte inferior de la nueva pestaña. Y en esta pestaña, haga clic en el panel Avanzado y luego en el botón Configuración de pestaña. Se abrirá la ventana Configuración de pestaña avanzada. Marque la casilla junto a la forma en que desea abrir las pestañas y haga clic en Aceptar en la parte inferior.

Ir a la página principal del sitio.

Todos entendemos que a veces es más conveniente abrir enlaces en la ventana actual y otras en una nueva. Personalmente, sigo una regla simple en la mayoría de los proyectos: si el enlace es interno (dentro del sitio), de forma predeterminada se abre en la ventana actual y los enlaces externos que conducen a otros sitios abren nuevas ventanas (pestañas) de forma predeterminada.

...

el atributo de destino no está especificado o se especifica como target="_self" , entonces el documento se abre en la ventana actual del navegador, y si al enlace se le asigna un atributo del formato target="_blank" , el documento se abre en una nueva ventana .

Pero entonces surge la pregunta: ¿cómo puede un usuario diferenciar entre estos 2 tipos de enlaces sin hacer clic en ellos o mirar el código HTML de la página?

Lo más lógico es que si el diseño CSS de los dos tipos de enlaces es diferente, aquí tienes una opción en la que los enlaces con target="_blank" están resaltados en negrita:

A ( font-weight:expression((this.getAttribute("target") && this.getAttribute("target")=="_blank") ? "bold" : "normal"); ) a ( font-weight:bold ; )

Aquí, como suele suceder, hay que tener en cuenta Internet Explorer y otros navegadores por separado, la primera indicación de estilo es solo para IE y la segunda es para otros navegadores.

De manera similar, puedes experimentar con alguna otra propiedad CSS, como el subrayado de decoración de texto:

A (decoración de texto:expresión((this.getAttribute("destino") && this.getAttribute("destino")=="_blank") ? "subrayado": "ninguno"); ) a (decoración de texto:subrayado ; )

Dependiendo de la jerarquía de las propiedades CSS, es posible que algo no funcione en un navegador en particular. Además, no usaría subrayado cuando, de forma predeterminada, todos los enlaces ya están subrayados (o no subrayados).

Una forma alternativa y entre navegadores es intentar separar los enlaces externos del resto por su direcciones. Supongamos que los enlaces externos siempre se especifican como absoluto(comenzando con el prefijo http://), y los internos se escriben como relativo. La mayoría de las veces, esto es lo que hacen en sitios normales. Esto también funciona en IE, al menos desde la versión 8.

A (peso de fuente: negrita /* Negrita para enlaces absolutos */)

Pero aquí nos hemos desviado de la tarea original y simplemente exigimos que la URL comience con http://, es decir, resaltamos en negrita las URL absolutas que no son necesariamente externas, y no todos los enlaces que se abren en una nueva ventana.

Dejando a un lado IE 6 y 7, puedes simplificar las cosas usando los pseudoelementos antes y después, que te permiten especificar qué debe aparecer antes o después de los elementos a los que se agregan.

Por ejemplo, a través del estilo podemos agregar una pequeña imagen después de cada enlace que se abre en una nueva ventana.

Sin embargo, me parece más lógico simplemente cambiar el diseño de fondo un enlace que se abre en una nueva ventana; después de todo, agregar cualquier texto o imagen antes o después del enlace puede alterar el diseño del sitio. Para no sufrir, pondremos un color de fondo amarillento a todos los enlaces que se abran en una nueva ventana.

A (color de fondo: #FFFF99; ) a (color de fondo: expresión((this.getAttribute("target") && this.getAttribute("target")=="_blank") ? "#FFFF99" : "transparente "); )

El artículo indica los principios básicos del uso del atributo target="_blank" y también sugiere una alternativa al uso de este atributo, en la que el código seguirá siendo válido.

Una práctica bastante común es cuando al hacer clic en un enlace se accede a la página de destino en una nueva pestaña del navegador. Esta técnica se utiliza muy a menudo al especificar el desarrollador de un recurso web o la respuesta a una consulta en un motor de búsqueda. Esta técnica se logra mediante el uso del atributo de destino de la etiqueta. A continuación se muestra un ejemplo de código:

HTML

< a href= "#" target= "_blank" >

En la comprensión actual del diseño moderno y competente y la interacción del usuario con la funcionalidad del recurso, generalmente se acepta que el visitante debe determinar por sí mismo exactamente cómo seguirá el enlace. Esta misma opinión está respaldada por desarrolladores web famosos y experimentados. Además, el uso de este atributo interrumpe el funcionamiento del botón "Atrás" del navegador; esto también se considera un efecto negativo del atributo. Los factores enumerados pueden causar indignación del visitante del sitio.

Algunos explican el uso del atributo de destino por el hecho de que al usarlo, incluso si el usuario encontró lo que estaba buscando en otro recurso (al que se envió el enlace), después de cerrar la pestaña recién abierta, regresará a la sitio anterior. Supuestamente, esto aumenta la probabilidad de convertir a un visitante ocasional en un usuario habitual. ¡Esta afirmación es incorrecta! Sólo puedes ganarte la atención constante del usuario con contenido interesante y de alta calidad. Es en vano que la información se considere uno de los recursos más valiosos.

Además, según la especificación XHTML 1.0 Strict, el uso del atributo de destino es ilegal. De lo contrario, el código no se considerará válido. Y el propio validador mostrará el siguiente mensaje:

Abrir un enlace en una nueva pestaña usando JavaScript

Como se mencionó anteriormente, usar el atributo de destino para seguir un enlace en una nueva ventana del navegador no está dentro de las especificaciones y no se considera una solución válida al problema. Sin embargo, esta no es la única manera de solucionar el problema. Se puede obtener un efecto similar usando código js.

El principio de organización de dicho proceso se basa en el evento onclick. En el valor de este evento, se escribirá una función para abrir una nueva pestaña del navegador: window.open() , así como un bloqueador que cancelará la transición a la dirección deseada en la ventana actual: devolverá false . En código, todas estas acciones se verán así:

< a href= "#" onclick= "window.open(this.href); return false" >Enlace que se abre en una nueva pestaña

Para verificar la efectividad del método propuesto, puede hacer clic en este enlace, se abrirá en una nueva ventana.

Una vez convencidos de la eficacia del método, comprobamos la validez del código. El validador emite un mensaje verde, que indica que nuestro código es impecable.

A primera vista, hemos logrado una solución racional al problema, pero tras una prueba detallada del método, resultó que si el navegador tiene instalado un bloqueador de ventanas emergentes, el método dejará de funcionar. En lugar de hacer clic en el enlace, aparecerá un mensaje de bloqueo de ventanas emergentes.

Modificación del código js para una transición exitosa bajo cualquier condición

La función antes mencionada está diseñada para aliviar al usuario del exceso de publicidad en Internet. Todos los navegadores modernos tienen esta capacidad en su arsenal y algunos de ellos pueden bloquear en diferentes niveles. Por ejemplo, todas las versiones de Opera, a partir del día 9, tienen la capacidad de bloquear solo las ventanas marcadas o todas.

Aunque probablemente sean muy pocos los usuarios que instalen bloqueadores de ventanas emergentes en sus navegadores, todavía existen. Y debemos tener en cuenta todas las opciones posibles para el normal funcionamiento del sitio. Permítanme recordarles que si hay un bloqueo, el enlace en nuestro código js dejará de funcionar.

Entonces, ¿qué elección debería hacer: o el código no es válido o los enlaces no siempre funcionan? Ninguna opción nos conviene. Una solución alternativa surgió al probar un enlace con el atributo de destino y el bloqueador de ventanas emergentes habilitado. En las condiciones dadas, el enlace se abrió, pero sólo en su propia ventana. Esto significa que debemos modificar nuestro código js para que, cuando se bloquee, el enlace funcione en la ventana actual. Esto se implementa de la siguiente manera:

< a href= "#" onclick= "return !window.open(this.href)" >Enlace que se abre en una nueva pestaña

El principio de funcionamiento del método se mantuvo prácticamente sin cambios, pero la forma de interpretación de las acciones cambió. En el nuevo código, la función window.open() se evalúa como verdadero si no hay ningún bloqueo, pero si está presente, la función se evalúa como falso. Hablando en ruso, cuando establezca la configuración adecuada en el navegador, el enlace se abrirá en la sesión actual; de lo contrario, en una nueva pestaña.

Comprobando una solución modificada para un enlace al blog principal.

Conclusiones

Con base en la información presentada anteriormente, podemos concluir que la forma más racional de forzar la apertura de enlaces en pestañas nuevas es utilizar este último método, que se basa en código JavaScript.

Sin embargo, al mismo tiempo, este tipo de cosas deben usarse con cuidado, ya que impone ciertas acciones al usuario y limita su libertad de toma de decisiones. Esto se considera de mala educación.

Hola. Para ser honesto, es un problema técnico muy desagradable cuando... Una vez me pasó en Windows XP, cuando no había siete. Vas a varias carpetas y te salen varias ventanas.

Para ser honesto, ni siquiera sé qué causa este problema, o si es algún tipo de virus que está causando daño, o escuché en alguna parte que es Internet Explorer el que me está jugando una mala pasada. Pero esto no es tan importante, lo principal es cómo solucionar este error, y escribiré sobre esto a continuación.

Mostraré un ejemplo de cómo resolver este problema en el sistema operativo Windows 7. Sí, todavía necesitamos saber qué Windows 7 tiene instalado, 32 bits o 64 bits.

Para hacer esto, haga clic derecho en el acceso directo "Mi PC" y seleccione "Propiedades".

Se abrirá una ventana en la que buscamos “Tipo de sistema” y enfrente nos indicará qué Windows 7 tienes instalado. Como esto:

Como puedes ver, tengo 32 bits, por cierto, cuál es mejor escribí. Recuerda cuál tienes, lo necesitaremos más tarde.

Ahora haga clic en "Inicio", vaya a "Todos los programas", "Accesorios" e inicie el programa "Símbolo del sistema".

Aquí necesitaremos escribir dos comandos por turno, pero los comandos para 32 y 64 bits son diferentes. Entonces, recuerde qué Windows 7 tiene y seleccione los comandos necesarios para usted.

Para 32 bits:

regsvr32 “%SystemRoot%System32actxprxy.dll”
regsvr32 “%ProgramFiles%Internet Explorerieproxy.dll”

Para 64 bits:

regsvr32 “%WinDir%SysWOW64actxprxy.dll”
regsvr32 “%ProgramFiles(x86)%Internet Explorerieproxy.dll”

Seleccione una línea y cópiela usando la combinación Ctrl+V, o haga clic derecho y "Copiar". Luego ve al Símbolo del sistema (que ya hemos lanzado) y pega el código haciendo clic derecho y seleccionando “Pegar”.

Luego confirmamos la ejecución del comando con el botón “Enter”. Y hacemos lo mismo con la segunda línea.

Reinicie la computadora.

Y una opción más

Vaya a "Mi PC" y en la parte superior izquierda haga clic en "Organizar" y luego en "Opciones de carpeta y búsqueda". Se abrirá una ventana en la que deberá verificar que en el área "Menú de carpetas" la casilla de verificación esté configurada en "Abrir una carpeta en la misma ventana". Si ha marcado la opción "Abrir cada carpeta en una ventana nueva", marque el primer elemento y haga clic en "Aceptar".

El problema con la apertura de carpetas debería resolverse, pero si no, escribe en los comentarios. Lo resolveremos :).

Amigos, si tienen problemas más serios que problemas para abrir carpetas, por ejemplo, tienen problemas con la comunicación telefónica en su empresa, les aconsejo que presten atención al número 8800, que ayudará a sus clientes a llamarlos en cualquier momento. y con mucho gusto.

También en el sitio:

¿Qué pasa si cada carpeta se abre en una nueva ventana?

actualizado: 11 de enero de 2015 por: administrador

La expresión abrir enlaces en una nueva ventana en este artículo significa que los enlaces se abrirán en una nueva pestaña o ventana, dependiendo de la configuración de su navegador. En cualquier caso, se supone que la página desde la que se hizo clic en el enlace permanecerá abierta.

¿Por qué podría ser necesario esto? El visitante se encuentra actualmente en su sitio y hay un enlace externo en el artículo o en la página del sitio. Si este enlace es de alguna manera de interés para el visitante, luego de hacer clic en dicho enlace externo será redirigido a otro sitio.

En otro sitio, es posible que abra varias páginas más y luego le resultará difícil volver a acceder a su sitio. No terminó de leer su artículo y no todos los usuarios de computadoras entenderán de inmediato cómo volver a su sitio, porque las personas tienen diferentes orígenes y los principiantes no siempre tienen claro qué hacer en este caso.

En el navegador, puede hacer clic en el botón Atrás, pero el visitante podría incluso cerrar la ventana en otro sitio, pero quería terminar de leer su artículo, y no el artículo que encontró accidentalmente a través de un enlace externo. Puede abrir un enlace en una nueva pestaña del navegador insertando manualmente el atributo "destino" con el valor de etiqueta "_blank" en cada uno de esos enlaces. . En HTML se verá así: objetivo = "_en blanco"

. Pero puede haber muchos enlaces de este tipo y no siempre recordará qué enlaces externos aún no tienen este atributo insertado.

Al agregar nuevos enlaces e imágenes en un artículo, en el panel de administración de WordPress, en el editor de texto, hay elementos correspondientes, cuya activación le permite abrir los enlaces e imágenes agregados en una nueva ventana.

Hay varias formas de hacer que los enlaces se abran en una ventana nueva. En este artículo describiré sólo aquellos métodos que funcionaron en mi sitio.

Algunos métodos no funcionaron correctamente en mi sitio en la plantilla anterior, por lo que no hablaré de ellos. En particular, la página principal se mostraba incorrectamente en un método que requiere la inclusión de la biblioteca JavaScript: jQuery. Además, este método no funcionaría si JavaScript estuviera deshabilitado.

Para abrir absolutamente todos los enlaces del sitio en nuevas ventanas o pestañas, deberá insertar un código especial en el archivo "Encabezado (header.php)".

Para insertar este código, debe ingresar al “Panel de administración de WordPress” => “Apariencia” => “Editor” => “Encabezado (header.php)”.

En el archivo "Encabezado (header.php)" entre las etiquetas y, debe insertar el siguiente código justo antes de la etiqueta de cierre:

Esta configuración para abrir páginas en una nueva ventana o pestaña no me parece muy conveniente, porque abre muchas ventanas o pestañas en el navegador. Pero sé que a algunos, por el contrario, les resultará conveniente poder abrir enlaces externos e internos en su sitio de esta forma.

Complemento Target Blank en publicaciones y comentarios

El complemento Target Blank In Posts And Comments le ayuda a abrir enlaces en comentarios y publicaciones en una nueva ventana sin afectar otros enlaces internos del sitio.

Puede descargar el complemento Target Blank In Posts And Comments desde aquí.

Este complemento no se ha actualizado durante mucho tiempo, pero funciona bien en la última versión del motor de WordPress y hace su trabajo perfectamente. También funcionó en mi sitio durante algún tiempo.

Para instalar el complemento Target Blank In Posts And Comments, deberá iniciar sesión en el “Panel de administración de WordPress” => “Complementos” => “Agregar nuevo” => “Instalar complementos” => “Cargar”. Después de la descarga, es necesario instalar y activar el complemento.

El complemento Target Blank In Posts And Comments no requiere ninguna configuración y comienza a funcionar inmediatamente después de su activación.

El uso de este complemento le permitirá devolver a su sitio a los visitantes que hicieron clic en un enlace externo desde su sitio. Después de todo, a menudo sucede que un visitante ha estado buscando la información necesaria durante mucho tiempo y de repente hace clic en un enlace que le interesa de un comentario o artículo, luego va a otro lugar y, por lo tanto, el visitante a menudo no puede encontrar la información que necesita. sitio del que vino originalmente.

El complemento Target Blank In Posts And Comments hace bien su trabajo, permitiéndole retener y devolver visitantes a su sitio.

Abrir un enlace de comentario en una nueva ventana

Si necesita abrir enlaces con comentarios sin la ayuda de un complemento, puede hacerlo después de cambiar el código correspondiente. Será necesario realizar cambios en el código del archivo "comment-template.php", que se encuentra en la carpeta "wp-includes".

Para hacer esto, deberá conectarse a su sitio a través de una conexión FTP utilizando programas como FileZilla o Total Commander. Esto también puedes hacerlo usando el administrador de archivos, que se encuentra en el Panel de Control de tu hosting.

El archivo “comment-template.php” se encuentra aproximadamente a lo largo de esta ruta: dominios/nombre de su sitio/public_htlm/wp-includes/comment-template.php.

¡Atención! Antes de cambiar el archivo “comment-template.php”, debes hacer una copia del mismo. En caso de problemas, después de cambiar el código del archivo, es posible que su sitio deje de funcionar normalmente. En este caso, deberá reemplazar el archivo que cambió con la copia original guardada de este archivo.

A mí me sucedió un incidente similar y tuve que hacer que el sitio regresara a un estado funcional con la ayuda del soporte técnico de mi hosting. No guardé una copia del archivo original, hice cambios incorrectos en el código del archivo y después de eso mi sitio dejó de aparecer en Internet por un tiempo.

Esto no habría sucedido si hubiera hecho una copia del archivo antes de cambiarlo, porque inmediatamente habría reemplazado el roto por uno que funcionara.

Deberá copiar el archivo “comment-template.php” a su computadora y guardarlo. Debe hacer una copia del archivo guardado y realizar cambios en el código del archivo abriéndolo con el editor de texto Notepad++. Puede abrir el archivo en el Bloc de notas, pero en el Bloc de notas será muy difícil encontrar las líneas de código necesarias para cambiarlo.

A continuación debes agregar la línea que comienza con $return = ”