`
rebecca
  • 浏览: 314998 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

href 的理解

Web 
阅读更多

含义:

 

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">
分享到:
评论

相关推荐

    top.location.href和localtion.href有什么不同

    ### 关于`top.location.href`与`location.href`的区别及应用 #### 一、基本概念理解 在Web开发中,`window.location`对象用于获取或设置当前浏览器窗口的位置信息,而`window.location.href`则用来获取或设置当前...

    href和src的区别

    理解`href`与`src`之间的区别对于前端开发人员来说至关重要。 #### 二、src详解 `src`是“source”的缩写,它主要用于指定一个外部资源的位置。当一个HTML标签包含了`src`属性时,表示该标签将从指定的URL加载资源...

    JavaScript 中document.URL 和 [removed].href 的区别

    这不仅有助于理解它们各自属性的具体含义,还能帮助开发者在实际应用中更加准确地选择合适的属性来达到预期效果。 ### `document`对象简介 在浏览器环境中,`document`对象代表着当前正在加载的HTML文档,并提供了...

    Web应用安全:href属性与src属性的XSS(实验).docx

    在这个实验中,我们将探讨 href 属性与 src 属性的 XSS 攻击,以加深对 XSS 攻击的理解。 一、href 属性的 XSS 攻击 在 HTML 中,href 属性用于指定超链接的目标 URL。当用户点击超链接时,浏览器将跳转到指定的 ...

    空链接 href="#"与href="javascript-void(0)"的区别.docx

    为了更好地理解这两种链接的不同之处,我们可以参考以下示例: ```html &lt;!DOCTYPE html&gt; , initial-scale=1.0"&gt; 空链接示例 这里是页首 这是一段很长的文字... &lt;!-- 空链接 href="#" --&gt; &lt;a href="#"&gt;...

    浅谈href=#与href=[removed]void(0)的区别

    综上所述,"href#"与"href=javascript:void(0)"在网页设计中有各自的应用场景,理解它们的差异有助于我们更好地控制页面的行为,提升用户体验。在实际开发中,应该根据具体需求选择合适的链接方式,确保页面的正常...

    jQuery 循环遍历改变a标签的href(实例讲解)

    标题中提到的是关于如何使用jQuery来循环遍历并改变页面上a标签的href属性值,这是一个在前端开发中常见的操作,用于动态地修改超链接的目标地址。 首先,让我们来了解一下什么是jQuery。jQuery是一个快速、小巧、...

    解决[removed].href之后session丢失的问题

    首先,我们需要理解`window.location.href`的工作原理。它是JavaScript中用于改变当前窗口或框架的URL并加载新文档的属性。当调用`window.location.href`时,浏览器会发起一个新的HTTP请求,这相当于用户直接在地址...

    JS获取url链接字符串 location.href

    在实际开发中,理解并熟练运用`location.href` 可以帮助你实现诸如跟踪用户行为、个性化页面内容、处理表单提交等多种功能。而通过结合其他字符串方法,如 `substring`、`slice`、`split`、`join` 等,你可以更加...

    html文件的基本结构 _html版本 _主要的浏览器 _链接a href _表格 _表单 _列表

    列表通常用于罗列相关的信息,便于用户阅读和理解。 窗口划分指的是网页中可以通过使用iframe和frameset等元素,将浏览器窗口分割成不同的部分,每个部分可以加载不同的HTML页面。其中frameset用于定义框架集,将...

    jq平滑移动、定位到锚链接

    首先,我们要理解什么是锚链接。锚链接是HTML中的一个特性,通过使用`&lt;a&gt;`标签的`href`属性引用页面内的ID来创建,例如`&lt;a href="#section1"&gt;Section 1&lt;/a&gt;`。当用户点击这样的链接时,浏览器会立即跳转到页面中具有...

    a href=javascript void(0) 是什么意思呢?加不加上有什么区别?.docx

    ### "a href=javascript void(0)" 的含义与应用场景 在HTML中,`a`标签是用来创建超链接的,而`href`属性则定义了链接的目标地址。在实际开发过程中,有时我们会遇到`a href="javascript:void(0)"`这样的写法。本文...

    javascript和jquery修改a标签的href属性

    在某些场景下,我们可能需要动态地改变这些链接的URL,以便根据用户的操作或程序逻辑更新页面的行为。JavaScript 和 jQuery 提供了简单...无论选择哪种方式,理解并掌握这些基本操作对于前端开发者来说都是非常重要的。

    js获取location.href的参数实例代码

    在JavaScript中,`location.href` 是一个非常重要的属性,它表示当前页面的...理解这些概念以及如何使用它们,对于开发Web应用时处理URL数据至关重要。通过上面的实例代码,你应该能熟练地从URL中获取和处理参数了。

    英文:A链接标记ie下会自动补全href

    总之,理解浏览器之间的这些差异对于编写高效且兼容的JavaScript代码至关重要,尤其是在处理`href`属性时。通过合理的编程实践和对浏览器特性的了解,开发者可以更好地应对这类问题,确保代码在各种环境下的表现一致...

    a标签的href和onclick 的事件的区别介绍

    `href`和`onclick`都是与`&lt;a&gt;`标签交互相关的属性,但它们的作用和执行顺序有所不同,理解这些差异对于优化用户体验和控制页面行为至关重要。 首先,`href`属性是`&lt;a&gt;`标签的核心属性,它定义了链接的目标地址。当...

    VB对URL代码href分析,并调用FLVCD获取FLV地址

    在IT行业中,VB(Visual Basic)是一种常用的编程语言,它被广泛用于开发Windows应用程序。本篇文章将深入探讨如何使用VB来解析URL代码中的`href`属性,...理解并掌握这些技术对于进行Web开发和数据抓取工作至关重要。

    快速解决js中[removed].href不工作的问题

    总之,理解`window.location.href`的工作原理以及如何在HTML和JavaScript事件处理之间协调是非常重要的。当遇到类似的问题时,检查`href`属性和`onclick`事件的交互,并根据需要调整它们,通常是解决问题的关键。...

    top.location.href 没有权限 解决方法

    总结来说,解决 `top.location.href` 没有权限的问题,主要是理解和应对同源策略的限制。通过尝试访问和异常处理,或者利用 `postMessage` 进行跨域通信,可以在一定程度上解决这个问题。同时,作为开发者,应尽量...

Global site tag (gtag.js) - Google Analytics