HTML链接未指向外部网站

Question

我在构建网站时一直在使用react.js运行localhost网站，当我试图链接到外部网站(例如youtube(时，它最终会转到这样的链接：

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

当我试图去：

https://www.youtube.com

我用这个来获取我的链接：

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

Answer 1

您需要指定协议，或者将//放在href属性的开头。例如：尝试使用类似http://或//的协议来连接外部链接，如下所示：

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

在SO上看到这个好答案：https://stackoverflow.com/a/8951636/6028607

Answer 2

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

Answer 3

使用HTML在新选项卡中打开链接很容易。您只需要一个具有三个重要属性的anchor((元素：

1. href属性设置为要链接到的页面的URL
2. target属性设置为_blank，这将根据浏览器的设置告诉浏览器在新选项卡/窗口中打开链接
3. rel属性设置为noreferrer noopener，以防止来自链接到的页面的可能的恶意攻击

尝试使用此

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