href 的理解

含义:

 

href:Hypertext Reference的缩写。意思是超文本引用。

 

用法:

 

1.内部连接:<a href="#/URL">name</a>

 

2.锚记 :<a name="object-name">name</a>   <a href="#object-name">name</a>  锚点链接

 

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

 

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

 

<a href="http://www.google.com">Google</a>   这句话就表示建立一个以“Google”(字)为表象的网址链接   

 

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

 

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

 

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

 

来自百科

 

 

href="#" 表示空链接,连接到当前页面。

 

补充:以下经常运用

 

建立书签

语法:<a name="书签名称">文字</a>

链接到同一页面的书签(运用)

语法:<a href="#书签的名称">链接的文字</a>

链接到不同页面的书签

语法:<a href="链接文件的地址#书签名称">链接的文字</a>  (注意引号和#号)

正常情况下点击:<a href="#书签名称">链接的文字</a>这个链接,则光标会自动跳转到本页面的:

<a name="书签名称">文字</a>的位置。

但是你写成:<a href="#">链接的文字</a>而不写书签名称实际上就是什么都不跳转。

一般只有在<a onclick="">的时候才会到href="#" 


下面这个又是什么意思呢?

href="#Menu=ChildMenu1" 

链接有两种,一种是不同页面间的链接,这种最常见。另外一种则是页内链接,我们一般称为页内锚链接。


1.加锚链

  定义好“锚”以后,将链接指向锚位置的链接形式如下:

  <a href=″#id″>....</a>,即以#再加上id格式。

  如:

  <a href=″#chapter1″>第一章</a>

  <a href=″#chapter2″>第二章</a>

  <a href=″#chapter3″>第三章</a>

  ..............

  <div id=″chapter1″>

  ...第一章内容..

  </div>

  <div id=″chapter2″>

  ...第二章内容..

  </div>

  <div id=″chapter3″>

  ...第三章内容..

  </div>

或者写成:

  <a name=″chapter1″>

  ...第一章内容..

  </a>

  <a name=″chapter2″>

  ...第二章内容..

  </a>

  <a name=″chapter3″>

  ...第三章内容..

  </a>



2.引用不同页面内的“锚”

  可能有些朋友要问,以上加的锚链都是在同一个页面之间的,如果是一个页面中的锚链接到同站点或另一个网站的另一个页面中的锚怎么办?很简单,形式为:

  <a href=″URL#id″>....</a>

  如 <a href=″http://ice-cream.iteye.com/index.htm#block1″>指向地址: http://ice-cream.iteye.com/index.htm文件的第一部分</a>





热点map的用法


<img src="../images/test.gif" alt="广告图" usemap="#ad" />

<map name="ad">   

    <area shape="rect" coords="59,25,150,125" href="1.htm" title="1"/>   

    <area shape="rect" coords="200,25,295,125" href="2.htm" title="2"/>

</map>  



shape -- 定义热点形状

   shape=rect: 矩形

   shape=circle:圆形

   shape=poly: 多边形



coords -- 定义区域点的坐标

    a.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标

        例:<area shape=rect coords=100,50,200,75 href="URL">

    b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度

        例:<area shape=circle coords=85,155,30 href="URL">

    c.任意图形(多边形):将图形之每一转折点座标依序填入

        例:<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL">

你可能感兴趣的:(Web)