href="#"是什么意思呢? (转)

本文详细介绍了HTML中链接的使用方法,包括如何创建指向本页的链接、书签链接及跨页面书签链接等。通过实例解析了href属性的用法,并解释了在不同场景下使用特定链接的目的。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

联接是当前页面。

-------------------
通常有如下用法:
<a href="#" onclick="window.close()">关闭</a>
将href="#"是指联接到当前页面,其实是无意义的,页面也不会刷新,关键是后面的onclick,当点击“关闭”时,会执行window.close()代码。

你或许会说为什么不直接写成<a onclick="window.close()">关闭</a>
如果这样写,关闭这两个字就不会作为超联接处理,效果看上去会差一些。你可以自己试试。
在制作网页时html语言里的参数,用于指定链接的url 
####就是本页链接,href="地址"就是链接到地址 
链接本页面 
默认本页,不弹出新窗口,空连接时,如果去掉#,则不显示鼠标手型光标。 
通俗一点就是 一个 指向本页的假链接
也可以在#后面跟上锚点id 
这个实际上是一个书签的另一种用法

建立书签
语法:<a name="书签名称">文字</a>
链接到同一页面的书签(运用)
语法:<a href="#书签的名称">链接的文字</a>
链接到不同页面的书签
语法:<a href="链接文件的地址#书签名称">链接的文字</a>  (注意引号和#号)

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

但是你写成:<a href="#">链接的文字</a>而不写书签名称实际上就是什么都不跳转。一般只有在<a onclick="">的时候才会到href="#" 
 
你就当他是空链接  这样写 显示 是链接效果(比如鼠标变小手) 但是没有页面跳转 
<?xml version="1.0" encoding="UTF-8"?> <svg width="2866" xmlns:cge="http://iec.ch/TC57/2005/SVG-schema#" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2866 2027" height="2027"> <defs> <symbol id="terminal:端子" preserveAspectRatio="xMidYMid"> <circle cx="0.0" cy="0.0" r="1.0" visibility="hidden" stroke-width="1"/> </symbol> <symbol id="PolePSR:铁塔直线杆塔@0" preserveAspectRatio="xMidYMid" viewBox="0 0 14.0 14.0"> <use x="7.0" y="7.0" terminal-index="0" xlink:href="#terminal:端子"/> <polygon stroke="rgb(0,0,0)" points="1.0,1.0 13.0,1.0 13.0,13.0 1.0,13.0" stroke-width="1" fill="none"/> <line y1="1.3" y2="12.7" x1="12.7" x2="1.3" stroke="rgb(0,0,0)" stroke-width="1"/> <line y1="1.3" y2="12.7" x1="1.3" x2="12.7" stroke="rgb(0,0,0)" stroke-width="1"/> </symbol> <symbol id="Disconnector:柱上隔离开关@0" preserveAspectRatio="xMidYMid" viewBox="0 0 20.4 42.0"> <use x="10.2" y="1.0" terminal-index="0" xlink:href="#terminal:端子"/> <use x="10.2" y="41.0" terminal-index="1" xlink:href="#terminal:端子"/> <line y1="27.5" y2="41.0" x1="10.2" x2="10.2" stroke="rgb(0,255,0)" stroke-width="1"/> <line y1="10.3" y2="1.0" x1="10.2" x2="10.2" stroke="rgb(0,255,0)" stroke-width="1"/> <line y1="10.3" y2="10.3" x1="7.2" x2="13.2" stroke="rgb(0,255,0)" stroke-width="1"/> <line y1="26.4" y2="9.4" x1="10.0" x2="1.0" stroke="rgb(0,255,0)" stroke-width="1"/> </symbol> <symbol id="Disconnector:柱上隔离开关@1" preserveAspectRatio="xMidYMid" viewBox="0 0 20.4 42.0"> <use x="10.2" y="1.0" terminal-index="0" xlink:href="#terminal:端子"/> <use x="10.2" y="41.0" terminal-index="1" xlink:href="#terminal:端子"/> <line y1="27.5" y2="41.0" x1="10.2" x2="10.2" stroke="rgb(255,0,0)" stroke-width="1"/> <line y1="10.3" y2="1.0" x1="10.2" x2="10.2" stroke="rgb(255,0,0)" stroke-width="1"/> <line y1="10.3" y2="10.3" x1="7.2" x2="13.2" stroke="rgb(255,0,0)" stroke-width="1"/> <line y1="26.2" y2="8.8" x1="10.1" x2="5.9" stroke="rgb(255,0,0)" stroke-width="1"/> </symbol> <symbol id="Breaker:普通断路器@0" preserveAspectRatio="xMidYMid" viewBox="0 0 27.7 42.6"> <use x="13.9" y="1.1" terminal-index="0" xlink:href="#terminal:端子"/> <use x="13.9" y="41.1" terminal-index="1" xlink:href="#terminal:端子"/> <line y1="1.1" y2="10.6" x1="13.9" x2="13.9" stroke="rgb(0,255,0)" stroke-width="1"/> <line y1="41.1" y2="26.0" x1="13.9" x2="13.9" stroke="rgb(0,255,0)" stroke-width="1"/> <line y1="25.0" y2="10.1" x1="13.7" x2="4.9" stroke="rgb(0,255,0)" stroke-width="1"/> <line y1="8.1" y2="13.2" x1="17.9" x2="9.8" stroke="rgb(0,255,0)" stroke-width="1"/> <line y1="8.1" y2="13.1" x1="9.9" x2="17.9" stroke="rgb(0,255,0)" stroke-width="1"/> </symbol> <symbol id="Breaker:普通断路器@1" preserveAspectRatio="xMidYMid" viewBox="0 0 27.7 42.6"> <use x="13.9" y="1.1" terminal-index="0" xlink:href="#terminal:端子"/> <use x="13.9" y="41.1" terminal-index="1" xlink:href="#terminal:端子"/> <line y1="1.1" y2="10.6" x1="13.9" x2="13.9" stroke="rgb(255,0,0)" stroke-width="1"/> <line y1="8.1" y2="13.2" x1="17.9" x2="9.8" stroke="rgb(255,0,0)" stroke-width="1"/> <line y1="8.1" y2="13.1" x1="9.9" x2="17.9" stroke="rgb(255,0,0)" stroke-width="1"/> <polyline stroke="rgb(255,0,0)" points="13.9,41.2 13.9,25.2 7.9,8.1" stroke-width="1" fill="none"/> </symbol> <symbol id="Breaker:普通断路器@4" preserveAspectRatio="xMidYMid" viewBox="0 0 27.7 42.6"> <use x="13.9" y="1.1" terminal-index="0" xlink:href="#terminal:端子"/> <use x="13.9" y="41.3" terminal-index="1" xlink:href="#terminal:端子"/> <polygon stroke="rgb(255,0,255)" points="1.0,41.6 24.7,41.6 24.8,1.1 1.0,1.0" stroke-width="1" fill="rgb(255,255,112)"/> <line y1="1.1" y2="10.7" x1="13.9" x2="13.9" stroke="rgb(255,0,255)" stroke-width="1"/> <line y1="41.1" y2="26.1" x1="13.9" x2="14.0" stroke="rgb(255,0,255)" stroke-width="1"/> <line y1="25.1" y2="10.1" x1="13.7" x2="4.9" stroke="rgb(255,0,255)" stroke-width="1"/> <line y1="8.1" y2="13.2" x1="17.9" x2="9.9" stroke="rgb(255,0,255)" stroke-width="1"/> <line y1="8.1" y2="13.1" x1="9.9" x2="17.9" stroke="rgb(255,0,255)" stroke-width="1"/> </symbol> <symbol id="PolePSR:水泥杆直线杆塔@0" preserveAspectRatio="xMidYMid" viewBox="0 0 14.0 14.0"> <use x="7.0" y="7.0" terminal-index="0" xlink:href="#terminal:端子"/> <circle cx="7.0" cy="7.0" stroke="rgb(0,0,0)" r="6.0" stroke-width="1" fill="none"/> </symbol> <symbol id="Breaker:变电断路器@0" preserveAspectRatio="xMidYMid" viewBox="0 0 12.3 22.0"> <use x="6.1" y="0.6" terminal-index="0" xlink:href="#terminal:端子"/> <use x="6.1" y="21.6" terminal-index="1" xlink:href="#terminal:端子"/> <polygon stroke="rgb(255,0,0)" points="1.0,1.0 11.0,1.0 11.0,21.0 1.0,21.0" stroke-width="1" fill="none"/> </symbol> <symbol id="Breaker:变电断路器@1" preserveAspectRatio="xMidYMid" viewBox="0 0 12.3 22.0"> <use x="6.1" y="0.6" terminal-index="0" xlink:href="#terminal:端子"/> <use x="6.1" y="21.6" terminal-index="1" xlink:href="#terminal:端子"/> <polygon stroke="rgb(255,0,0)" points="1.2,1.0 11.2,1.0 11.2,21.0 1.2,21.0" stroke-width="1" fill="rgb(255,0,0)"/> </symbol> </defs> <g id="HeadClass"> <rect x="0" width="2866" y="0" FeederName="10kV羊街古城村线" stroke="rgb(255,255,255)" FeederID="547240133021800" stroke-width="4" height="2027" fill-opacity="1" fill="rgb(255,255,255)"/> </g> <g id="SubstationClass"> <g id="547240133044200"> <polygon stroke="rgb(0,0,0)" points="610.3,1056.8 610.3,960.8 816.3,960.8 816.3,1056.8" stroke-width="2" fill="none"/> <metadata> <cge:PSR_Ref ObjectID="SUBST_544050322075002" ObjectName="35kV大庄变"/> </metadata> </g> </g> <g id="OtherClass"/> <g id="PolePSRClass"> <g id="547240133025700"> <use x="886.3" width="14.0" y="1008.8" xlink:href="#PolePSR:铁塔直线杆塔@0" transform="rotate(0.0,893.2,1015.8) scale(1.00000000,1.00000000) translate(0.0,0.0)" height="14.0"/> <metadata> <cge:PSR_Ref ObjectID="POLE_547050068712004" ObjectName=""/> </metadata> </g> <g id="547240133036000"> <use x="1050.3" width="14.0" y="1008.8" xlink:href="#PolePSR:铁塔直线杆塔@0" transform="rotate(0.0,1057.2,1015.8) scale(1.00000000,1.00000000) translate(0.0,0.0)" height="14.0"/> <metadata> <cge:PSR_Ref ObjectID="POLE_547220660325100" ObjectName=""/> </metadata> </g> <g id="547240133036800"> <use x="1317.3" width="14.0" y="1008.8" xlink:href="#PolePSR:铁塔直线杆塔@0" transform="rotate(0.0,1324.2,1015.8) scale(1.00000000,1.00000000) translate(0.0,0.0)" height="14.0"/> <metadata> <cge:PSR_Ref ObjectID="POLE_547220660326100" ObjectName=""/> </metadata> </g> <g id="547240133037600"> <use x="1561.3" width="14.0" y="1008.8" xlink:href="#PolePSR:铁塔直线杆塔@0" transform="rotate(0.0,1568.2,1015.8) scale(1.00000000,1.00000000) translate(0.0,0.0)" height="14.0"/> <metadata> <cge:PSR_Ref ObjectID="POLE_547220660328400" ObjectName=""/> </metadata> </g> <g id="547240133039600"> <use x="1890.3" width="14.0" y="1009.0" xlink:href="#PolePSR:水泥杆直线杆塔@0" transform="rotate(0.0,1897.2,1016.0) scale(1.00000000,1.00000000) translate(0.0,0.0)" height="14.0"/> <metadata> <cge:PSR_Ref ObjectID="POLE_547050068424804" ObjectName=""/> </metadata> </g> <g id="547240133040400"> <use x="2102.3" width="14.0" y="1009.0" xlink:href="#PolePSR:水泥杆直线杆塔@0" transform="rotate(0.0,2109.2,1016.0) scale(1.00000000,1.00000000) translate(0.0,0.0)" height="14.0"/> <metadata> <cge:PSR_Ref ObjectID="POLE_547050068408704" ObjectName=""/> </metadata> </g> <g id="547240133041200"> <use x="2358.3" width="14.0" y="1008.8" xlink:href="#PolePSR:铁塔直线杆塔@0" transform="rotate(0.0,2365.2,1015.8) scale(1.00000000,1.00000000) translate(0.0,0.0)" height="14.0"/> <metadata> <cge:PSR_Ref ObjectID="POLE_547050068397504" ObjectName="10kV羊街古城村线10kV大草线"/> </metadata> </g> </g> <g id="DisconnectorClass"> <g id="547240133038400"> <use x="1578.0" width="20.4" y="994.8" xlink:href="#Disconnector:柱上隔离开关@1" transform="rotate(270.0,1588.2,1015.8) scale(1.00000000,1.00000000) translate(0.0,0.0)" height="42.0"/> <metadata> <cge:PSR_Ref ObjectID="SWITCH_547220660329200" ObjectName="G011"/> </metadata> </g> </g> <g id="BreakerClass"> <g id="547240133039000"> <use x="1614.4" width="27.7" y="994.5" xlink:href="#Breaker:普通断路器@1" transform="rotate(270.0,1628.3,1015.8) scale(1.00000000,1.00000000) translate(0.0,0.0)" height="42.6"/> <metadata> <cge:PSR_Ref ObjectID="SWITCH_547220660330200" ObjectName="10kV羊街古城村线#19杆G01断路器"/> </metadata> </g> <g id="547240133043100"> <use x="707.2" width="12.3" y="1004.8" xlink:href="#Breaker:变电断路器@1" transform="rotate(90.0,713.3,1015.8) scale(1.00000000,1.00000000) translate(0.0,0.0)" height="22.0"/> <metadata> <cge:PSR_Ref ObjectID="SWITCH_535220034655000" ObjectName="072"/> </metadata> </g> </g> <g id="ConnectiveLineClass"> <g id="547240133038001"> <path stroke="none" stroke-width="1" d="M1568.3,1015.8 L1568.3,1015.8" fill="rgb(0,0,0)"/> <metadata> <cge:CN_Ref LinkObjectIDnd="547240133037600@0" LinkObjectIDznd="547240133038400@0"/> </metadata> </g> <g id="547240133038801"> <path stroke="none" stroke-width="1" d="M1608.3,1015.8 L1608.3,1015.8" fill="rgb(0,0,0)"/> <metadata> <cge:CN_Ref LinkObjectIDnd="547240133038400@1" LinkObjectIDznd="547240133039000@0"/> </metadata> </g> </g> 这段代码是什么意思
06-19
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值