HTML href 的详细用法

🌙
手机阅读
本文目录结构
axihe

href 的用法

  • 1. 内部连接:name
  • 2. 锚记:namename
  • 3. 外部链接:name
  • 英文全称是 hypertext reference 表示一种超链接 , (超文本引用)
  • 比如:Google
  • 这句话就表示建立一个以“Google”(字)为表象的网址链接。
  • 4. 链接说明文字:链接说明
  • 5. 特效链接

特效链接的目的不是跳转到其他位置,而是为了实现基本种页面特效,这种链接需要脚本来支持。

例:

JavaScript 脚本:<a href=”javascript:alert(‘夜深了早点休息吧!’)”>点击我!</a>

<a href=”javascript:;”>回到顶部</a>通常用于跳转,且不跳转到某锚点#xxx,用来实现返回顶部等效果

VBScript 脚本:<a href=vbscript:msgbox(“现在时间是:”&time)>点击我!</a>

  1. 诡异无名超链接

在 HTML 中,页面相互嵌套,再带上 frame 的总和应用时,超链接的路径错误是个非常令人头疼的问题。如在 java web 开发时,我就碰到这问题,下面是普通的超链接:<a href=”findallsupplier.action?sign=0″></a>经常报找不到文件或是路径中有重复路径存在!

解决方法:<a href=”../../findallsupplier.action?sign=0″></a>

诡异分析:诡异之处在于它不仅要指明这个超链接要去访问谁,还要指明服务器处理完再次跳转时的相对路径!

  1. 外部 CSS 引用:<link type=”text/css” rel=”stylesheet” href=”../css/test.css” />

  2. 如果<a>链接</a>不设置 href 的话部分浏览器将不会出现 cursor“手指针”;

超链接的 URL。可能的值:


AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

Bilibili(B站)

朱安邦

Anbang