HTML的超链接类型
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>HTML的超链接类型</title> </head> <body> <!-- 链接的分类: 内部链接:当前文件与目标文件在同一个站点中:<a href=目标文档位置及名称>:如:链接本地的一个图片<a href="../imgs/2013-12-22_130537.png" target="_blank">图片</a> 外部链接:当前文档与目标文档不在同一个站点中:<a href="URL(网址)"> E-mail链接:运行访问者向指定的地址发送邮件:<a href="mailto:指定的电子邮件地址">如: <a href="mailto:[email protected]">联系我们</a> 锚点链接:跳转到同一网页或者其他文档中指定位置 空链接: 空链接就是没有目标端点的链接,格式:<a href="#">内容</a> 列如:设为首页:<a href="#" onClick="this.style.behavior=‘url(#default#homepage)‘;this.sethomepage(http://www.baidu.com‘)">设为首页</a> 加入收藏:<a href="#" onclick="javascript:window.external.addfavorite(‘http://www.baidu.com‘,‘百度‘)">加入收藏</a> 脚本链接:是一种特殊的链接,当单击设置脚本链接的文本或图像时,可以运行相应的javascript语句,常用到的脚本链接: 关闭窗口:<a href="javascript:window.close()">内容</a> 打开窗口:<a href="javascript:window.open(‘http://www.baidu.com‘)">内容</a> --> <a href="../imgs/2013-12-22_130537.png" target="_blank">图片</a> <hr/> <a href="mailto:[email protected]">联系我们</a> <hr/> <a href="http://www.xunlei.com/movies/fczlm.rmvb">复仇者联盟</a> <hr/> <a href="thunder://www.xunlei.com/movies/fczlm.rmvb">变形金刚</a> <hr/> <a href="javascript:void(0)">取消超链接的默认效果</a> <hr/> <a href="javascript:void(0)" onclick="alert(自定义效果)">取消超链接的默认效果,自定义效果</a> <hr/> <a href="#" onClick="this.style.behavior=‘url(#default#homepage)‘;this.sethomepage(‘http://www.baidu.com‘)">设为首页</a> <hr /> <a href="#" onclick="javascript:window.external.addfavorite(‘http://www.baidu.com‘,‘百度‘)">加入收藏</a> <hr/> <a href="javascript:window.open(‘http://www.baidu.com‘)">打开窗口</a> <a href="javascript:window.close()">关闭窗口</a> </body> </html>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。