HTML link 不会去外部网站

HTML link not going to external site

我一直是运行一个本地主机网站react.js，而我正在建立一个网站，当我试图link到外部网站（例如youtube）时，它结束了去 link 像这样：

http://localhost:3000/www.youtube.com

我正在尝试前往：

https://www.youtube.com

我正在使用它来获取我的 link:

<a href='youtube.com' target='_blank' rel='noreferrer'>YouTube</a>

试试这个： <a href='https://youtube.com' target='_blank' rel='noreferrer'>YouTube</a>

您需要指定协议，或将 // 放在 href 属性的开头。例如： 尝试使用像 http:// 或 // 这样的外部链接的协议：

 <a href='https://youtube.com' target='_blank' rel='noreferrer'>YouTube</a>

在 SO 上看到这个很好的答案：

使用 HTML 在新标签页中打开 link 很容易。你只需要一个具有三个重要属性的 anchor() 元素：

  1. 将 href 属性设置为要 link 到的页面的 URL。
  2. target 属性设置为 _blank，它告诉浏览器在新的 tab/window 中打开 link，具体取决于浏览器的设置。
  3. rel 属性设置为 noreferrer noopener 以防止来自您 link 到
    4. 的页面可能的恶意攻击

尝试使用这个

<a href="https://www.youtube.com/" target="_blank" rel="noopener noreferrer">youtube</a>