您的位置:首页 > Web前端 > HTML

HTML href 的基本用法

2014-11-30 16:47 218 查看
1.内部连接:<a href="#/URL">name</a>

2.锚记:

[html] view
plaincopy

<a href="#object-name">找找那个锚记吧!</a>

[html] view
plaincopy

<a name="object-name">亲,我在这呢!</a>

找找那个锚记吧!

3.外部链接:<a href="URL">name</a>

英文全称是 hypertext reference 表示一种超链接 ,比如:

[html] view
plaincopy

<a href="http://www.google.com">Google</a>

Google

这句话就表示建立一个以“Google”(字)为表象的网址链接

4.特效链接

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

JavaScript脚本

[html] view
plaincopy

<a href="javascript:alert('夜深了早点休息吧!')">点我试试!</a>

点我试试!

VBScript脚本

[html] view
plaincopy

<a href=vbscript:msgbox("现在时间是:"&time)>看看时间!</a>

看看时间!

5.诡异无名超链接

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

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

诡异分析:

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

6.外部CSS引用

<link type="text/css" rel="stylesheet" href="./css/test.css" />

亲,我在这呢!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: