tamaño - código html para abrir link en otra página
¿Cómo abrir enlace en nueva pestaña en html? (12)
Estoy trabajando en un proyecto HTML y no puedo descubrir cómo abrir un enlace en una nueva pestaña sin javascript.
Ya sé que <a href="http://www.WEBSITE_NAME.com"></a>
abre el enlace en la misma pestaña. ¿Alguna idea de cómo abrirla en una nueva?
Establezca el atributo ''target'' del enlace en _blank
:
<a href="#" target="_blank">Link</a>
Edición: para otros ejemplos, consulte aquí: http://www.w3schools.com/tags/att_a_target.asp
(Nota: anteriormente sugerí un blank
en blank
lugar de _blank
porque, si se usa, abrirá una nueva pestaña y luego usará la misma pestaña si se vuelve a hacer clic en el enlace. Sin embargo, esto es solo porque, como señaló GolezTrol, se refiere a el nombre a de un marco / ventana, que se establecerá y usará cuando se presione nuevamente el enlace para abrirlo en la misma pestaña).
Predeterminado se abre en la misma pestaña:
<a href="https://www.google.com/">Google.com </a>
Abre en nueva pestaña:
<a href="https://www.google.com/" target="_blank">Google.com </a>
Puedes usar <a href="#" target="_blank">Your Text</a>
Espero que te haya ayudado. Gracias.
Si desea realizar el comando una vez para todo su sitio, en lugar de hacerlo después de cada enlace. Prueba este lugar dentro de la cabeza de tu sitio web y bingo.
<head>
<title>your text</title>
<base target="_blank">
</head>
espero que esto ayude
Use target="_blank"
:
<a href="http://www.example.com/" target="_blank">This will open in a new window!</a>
Use el atributo "target" de la etiqueta a y asignelo a _blank. Es decir:
<a href="http://www.google.com" target="_blank" >Google in a New Tab or Window depending on the browser''s capabilities</a>
Utilice uno de estos según sus necesidades.
Abra el documento vinculado en una nueva ventana o pestaña:
<a href="xyz.html" target="_blank"> Link </a>
Abra el documento vinculado en el mismo marco en el que se hizo clic (este es el valor predeterminado):
<a href="xyz.html" target="_self"> Link </a>
Abra el documento vinculado en el marco padre:
<a href="xyz.html" target="_parent"> Link </a>
Abra el documento vinculado en el cuerpo completo de la ventana:
<a href="xyz.html" target="_top"> Link </a>
Abra el documento vinculado en un marco con nombre:
<a href="xyz.html" target="framename"> Link </a>
target = "_ blank" = siempre nueva pestaña para cada clic target = "tabName" = nueva pestaña, pero igual para cada clic.
target="_blank"
atributo target="_blank"
hará el trabajo. No se olvide de agregar rel="noopener noreferrer"
para resolver la vulnerabilidad potencial. Más sobre eso aquí: https://dev.to/ben/the-targetblank-vulnerability-by-example
<a href="https://www.google.com/" target="_blank" rel="noopener noreferrer">Searcher</a>
target=''_blank''
si no está utilizando XHTML.
Cuándo usar target=''_blank''
:
La versión HTML (algunos dispositivos no lo admiten):
<a href="http://chriscoyier.net" target="_blank">This link will open in new window/tab</a>
La versión de JavaScript para todos los dispositivos:
El uso de rel = "externo" es perfectamente válido
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(''a[rel="external"]'').attr(''target'', ''_blank'');
</script>
y para Jquery puedes probar con el siguiente:
$("#content a[href^=''http://'']").attr("target","_blank");
Si la configuración del navegador no te permite abrir en nuevas ventanas:
href = "google.com";
onclick="window.open (this.href, ''''); return false";
Puedes usar <a href=''url'' target="_blank">name</a>
Ejemplo <a href=''https://www.facebook.com/hackbalteamz'' target="_blank">Facebook</a>