
在HTML中,超链接通常使用
标签来创建,这样可以在网页上添加导向其他页面或资源的链接。
标签内通常还需要包含href属性,以指定链接的目标URL,这样用户点击链接时,浏览器将会切换到该URL所指示的页面或资源。
在此示例中,”访问示例网站”是链接显示给用户的文本,而”https://www.example.com”是超链接对应的URL。当用户点击这段文本时,浏览器会打开一个新页面,地址栏会显示”https://www.example.com”。
除了基本的href属性,
标签还可以包含其他属性,如target,它决定了链接被点击后是在同一页面(默认)打开,还是在新窗口或标签页(_blank)中打开。例如:
上面的代码将在用户点击链接时,在新的浏览器标签页中打开链接的地址。
标签还支持rel属性,可以用来指定链接和目标页面之间的关系,例如使用rel=”noopener”和rel=”noreferrer”来提高安全性:
标签可以与CSS结合使用,通过CSS类或内联样式改变链接的外观,例如改变颜色、下划线等。
HTML5还引入了
标签的下载属性,允许浏览器下载指定的URL资源,而不是导航到它:
这个链接会提示浏览器下载链接指定的PDF文件,而不是跳转到该地址。
最后,
标签配合JavaScript使用时,可以通过设置href属性为”javascript:void(0)”来防止页面跳转,而利用onclick事件处理程序来执行特定的JavaScript代码:
在这个例子中,点击链接不会改变页面的位置,而是会弹出一个警告框。
© 版权声明
文章版权归作者所有,未经允许请勿转载。










