我在构建网站时一直在使用 react.js 运行 localhost 网站,当我尝试链接到外部网站(例如 youtube)时,它最终会转到如下链接:
http://localhost:3000/www.youtube.com
当我试图去:
我正在使用它来获取我的链接:
<a href='youtube.com' target='_blank' rel='noreferrer'>YouTube</a>
我在构建网站时一直在使用 react.js 运行 localhost 网站,当我尝试链接到外部网站(例如 youtube)时,它最终会转到如下链接:
http://localhost:3000/www.youtube.com
当我试图去:
我正在使用它来获取我的链接:
<a href='youtube.com' target='_blank' rel='noreferrer'>YouTube</a>
您需要指定协议,或将 // 放在 href 属性的开头。例如:尝试使用像 http:// 或 // 这样的外部链接的协议:
<a href='https://youtube.com' target='_blank' rel='noreferrer'>YouTube</a>
在 SO 上看到这个很好的答案:https ://stackoverflow.com/a/8951636/6028607
试试这个:
<a href='https://youtube.com' target='_blank' rel='noreferrer'>YouTube</a>
使用 HTML 在新选项卡中打开链接很容易。你只需要一个具有三个重要属性的 anchor () 元素:
href
属性设置为您要链接到的页面的 URL。target
属性设置为_blank
,它告诉浏览器在新选项卡/窗口中打开链接,具体取决于浏览器的设置。rel
属性设置为noreferrer noopener
防止来自您链接到的页面可能的恶意攻击尝试使用这个
<a href="https://www.youtube.com/" target="_blank" rel="noopener noreferrer">youtube</a>