• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > 链接中的href=#是什么意思呢

链接中的href=#是什么意思呢

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含href,#等相关知识,佚名 希望在学习及工作中可以帮助到您
链接当前页面。
-------------------
通常有如下用法:
<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="#"
你就当他是空链接 这样写 显示 是链接效果(比如鼠标变小手)但是没有页面跳转

您可能想查找下面的文章:

  • HTML的a标签href属性指定相对路径与绝对路径的用法讲解
  • a标签href属性与onclick事件使用实例
  • 详解a href=#与 a href=javascript:void(0) 的区别
  • html中用href 实现点击链接弹出文件下载对话框
  • html超链接a标签的href跳转跟onclick之间执行顺序示例介绍
  • 通过href简单实现点击a链接跳到页面中指定的地方
  • a标签href属性和onclick事件的比较介绍
  • src或者css背景图的url值为base64编码代码
  • 链接中的href=#是什么意思呢
  • html 空链接 href="#"与href="javascript:void(0)"的区别

相关文章

  • 2017-08-05制作主流邮箱能正常显示的HTML邮件的技巧
  • 2017-09-08html文本框点击后自带蓝色边框解决办法
  • 2017-08-05meta标签在移动平台开发中的应用详解
  • 2017-08-05HTML基本结构全面了解
  • 2017-08-21如何禁止 网页的复制功能
  • 2017-08-05通过CSS样式实现的html背景色渐变效果
  • 2017-08-05XHTML标签的自关闭的写法应该注意的问题
  • 2017-08-05html标准写法与dreamweaver自动生成的不一样
  • 2017-08-05一行代码解决各种IE兼容问题(IE6-IE10)
  • 2017-08-05html中div不自动换行、强制不换行的具体实现

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • XHTML教程:Transitional和Strict的区别
    • html中块注释的使用详细介绍
    • 点击按钮文字变成input框,点击保存变成文字的实现代码
    • W3C教程(5):W3C XML 活动
    • 浅谈Iframe网页内部的导航窗口
    • 网易博客中用到的简单网页代码
    • 浅谈html标题,段落,换行,水平线,特殊字符
    • a标签伪类的作用及书写顺序是什么
    • table设置背景图片,不能100%显示解决方法
    • H标记要在网页制作中合理使用

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有