5

Debido a que quiero que el enlace se abra en la misma pestaña, no he añadido ningún target, ya que se supone que "_self" es el que viene por defecto. No obstante, solo con este código, no abre ningún enlace:

<!DOCTYPE html>
<html>
  <head>
      <meta charset="utf-8"/>
  </head>

  <body>
    <h1>Abre</h1>
    <a href="www.youtube.com" >YT</a>
  </body>
</html>

He probado a poner onclick="window.open(this.href)" después del enlace, pero ello no ha solucionado el problema. Sé que el problema no es del enlace en sí ya que, de poner target="_blank" sí se abre. El problema es que de esta manera se abre en otra pestaña y a mi me gustaría que lo hiciera en la misma. ¿Qué puedo hacer para que el link se abra y lo haga en la misma pestaña?

4
  • Añade la url completa de Youtube, que en este caso tiene https: youtube.com
    – GDP
    el 4 jul. 2017 a las 7:17
  • 3
    @GDP la próxima vez que edites, es mejor no modificar el código directamente en su mensaje, hazlo a través de una respuesta, si no quien venga detrás a leerlo seguramente no entienda las respuestas porque no verá el cambio :)
    – Eduardorq
    el 4 jul. 2017 a las 9:56
  • 3
    @GDP: No deben realizarse ediciones que cambien el sentido original de la pregunta, en este caso específico, si el problema es que no abre el enlace, no debe cambiarse el enlace. Por lo anterior he revertido la edición.
    – Rubén
    el 4 jul. 2017 a las 12:57
  • pepito: Cuando un código no funciona debe indicarse el mensaje de error de forma textual. Mas detalles en ejemplo mínimo verificable.
    – Rubén
    el 4 jul. 2017 a las 13:05

2 respuestas 2

4

Agrégale el protocolo http:// al enlace.

<!DOCTYPE html>
<html>
  <head>
      <meta charset="utf-8"/>
  </head>

  <body>
    <h1>Abre</h1>
    <a href="https://www.youtube.com" >YT</a>
  </body>
</html>

Hay que agregarle el protocolo http o https porque sin él, la URL estaba funcionando como una URL relativa, adjuntando la cadena www.youtube.com a la URL que tenga el navegador, de tal modo que si estamos en http://localhost el resultado del click nos estaba redirigiendo a http://localhost/www.youtube.com

Agregándole el protocolo si nos lleva directamente a http://www.youtube.com

11
  • Lo he hecho pero sigue sin funcionar.
    – pepito
    el 4 jul. 2017 a las 7:29
  • ¿Has limpiado la caché? Yo lo he probado así a la primera y me abre en la misma ventana el enlace.
    – Eduardorq
    el 4 jul. 2017 a las 7:32
  • 1
    Prueba con https:// sinó no te dejará hacerlo desde StackOverflow. Además siempre que estés desarrollando tecnologías del lado del cliente recarga la página con CTRL + F5 y prueba al menos en los 3 navegadores más utilizados (Chrome, Firefox, IE/Edge). Saludos!! el 4 jul. 2017 a las 7:35
  • 1
    @HéctorJ.OrihuelaRuiz es preferible usar Ctrl + Shift + F5, ya que usando Ctrl + F5 solamente se refresca la página pero no se borra la caché de ésta.
    – lromeraj
    el 4 jul. 2017 a las 10:52
  • 1
    @Eduardoq: 1. Me parece que en este caso no es conveniente el uso de Stack Snippet ya que en este no se deben incluir etiquetas como <head> y en este caso resulta relevante, además de que http es bloqueado. Por tu respuesta sería mejor si incluyeras una breve explicación de porque es necesario lo que propones como solución.
    – Rubén
    el 4 jul. 2017 a las 13:09
2

Ocurre por esto

Cuando al atributo href del enlace se le establece www.youtube.com como valor de la forma href="www.youtube.com el navegador entiende que el enlace apunta a un directorio denominado www.youtube.com.

Por ejemplo, cuando queda definido así:

<a href="www.youtube.com">YouTube</a>

Nos encontramos con un escenario parecido a esto:

Directorio Local
  + ../
  + index.html
  + Otro directorio/
  + www.youtube.com/

Si probamos el escenario anterior:

<a href="www.youtube.com">YouTube</a>

Podemos observar que el enlace apunta a un archivo o directorio y no al sitio Web de YouTube. Si por el contrario, desea que el enlace apunte a un sitio Web debería definirse de la siguiente forma:

<a href="//www.youtube.com">YouTube</a>

Donde las dos (02) barras diagonales (//) le indican al navegador que se quiere acceder a un sitio Web (en este caso, YouTube) mediante el protocolo HTTP o HTTPS.

Probemos el siguiente ejemplo:

<a href="//www.youtube.com">YouTube</a>

Se pudo observar en el caso anterior que el enlace apunta a YouTube, pero no se muestra porque YouTube no permite que su sitio Web sea accesible desde un marco flotante (iframe). Sin embargo, sí que permite que se visualicen los vídeos embebidos.

Ejemplo de un enlace que apunta a un vídeo embebido:

<a href="//www.youtube.com/embed/2JfjmWIyDfY">Batería Cuántica que nunca se agota</a>

Para finalizar, pruebe el ejemplo que publiqué en CodePen para observar los resultados.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.