<a> 元素的 href 属性

最新推荐文章于 2021-11-16 12:04:49 发布
最新推荐文章于 2021-11-16 12:04:49 发布
阅读量305 收藏
点赞数
分类专栏： js jquery 等前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_18714/article/details/82410987
版权

1 , 可以指向 外部的万维网 .  href="http://www.example.com/index.htm"）

 

2,  可以指向站点中的页面 .  （href="index.htm"）

 

3,  可以指向页面中的 锚 #   （href="#top"）

 

 

---------------------

 

值描述
URL超链接的 URL。可能的值：
  • 绝对 URL - 指向另一个站点（比如 href="http://www.example.com/index.htm"）
  • 相对 URL - 指向站点内的某个文件（href="index.htm"）
  • 锚 URL - 指向页面中的锚(href="#top")

 

 

 

 

iteye_18714
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
a标签href属性和onclick事件的比较介绍
09-28
href属性用于指定链接的目标地址，而onclick属性则用于绑定一个事件处理器，当用户点击<a>标签时会触发相应的JavaScript代码执行。理解这两个属性的使用场景和区别，对于前端开发人员来说非常重要。 首先，href属性...
阻止 <a> 地址轉向
05-14
在网页开发中，`<a>` 标签是用于创建超链接的重要元素，它通过 `href` 属性定义了链接的目标地址。然而，有时我们可能需要阻止 `<a>` 标签的默认行为，例如防止页面跳转或者在点击链接时执行特定的 JavaScript 代码...
<HREF>元素/标签
qq_37049128的博客
07-29 298
URL:href=“http://www.BAIDU.com/”>我到百度逛逛  值 描述 URL 超链接的 URL。可能的值： ·绝对 URL - 指向另一个站点（比如 href="http://www.example.com/index.htm"） ·相对 URL - 指向站点内的某个文件（href="index.htm"
＜HREF＞元素/标签
qq_37049128的博客
07-22 495
值 描述 URL 超链接的 URL。可能的值： ·绝对 URL - 指向另一个站点（比如 href="http://www.example.com/index.htm"） ·相对 URL - 指向站点内的某个文件（href="index.htm"） ·锚 URL - 指向页面中的锚（href="#top"） 在页面中点击a标签后
HTML元素 绑定href属性
weixin_30363817的博客
07-27 553
给<li>标签绑定href属性 <ul class="honor-list clearfix"> <li style="cursor:pointer;" href="/Front/NewDetail?id=@item.Id"> 　　<p>这是个链接</p> </li> </ul> ...
HTML元素属性href和src的区别
xawjz的博客
10-05 487
1.英文原意 href的英文原意是：Hypertext Reference Hypertext：超文本 Reference：引用或参照 scr的英文原意是：Source Source：资源 2.常见使用元素 使用href属性常见的元素有：link 和 a 使用src属性的常见元素有：img、style、script、input、iframe等 3.a和img元素的使用 从效果上来看，img中src引用的图片会直接显示在...
<a>标签 href属性值为#或以#开头的意思
u013803262的专栏
04-25 8885
比如说当一个页面里面有一个这样的标签   name为hello的锚点 这个标签可以称之为一个"锚点" 当然页面上还有这两个超链接标签。 回到name为hello的锚点 回到顶层 好那么现在开始讲解 ： href="#hello" 的时该标签可以回到页面内一个name属性为hello的一个标签(name="hello")。 当href="#"的时候该超链接标签可以回到页面顶端
通过href简单实现点击a链接跳到页面中指定的地方
09-28
总结一下，通过设置`<a>`标签的`href`属性为`#`加目标元素的`id`，可以实现在同一页面内的跳转；若要在不同页面间跳转并定位到特定位置，`href`应包含目标页面的完整URL加上锚点。这种内部链接和锚点的机制大大增强...
javascript和jquery修改a标签的href属性
10-26
要修改 a 标签的 href 属性，我们可以使用 `getElementById` 方法来获取特定 ID 的元素，然后通过 `setAttribute` 或直接访问其 `href` 属性来修改它。以下是具体的代码示例： ```javascript // 使用 setAttribute ...
a标签href属性与onclick事件使用实例
09-28
1. `href`属性：`href`属性是`<a>`标签的核心属性，用于定义链接的目标URL。当用户点击这个链接时，浏览器会加载`href`属性所指定的页面。例如： ```html <a href="https://www.example.com">点击访问Example网站</...
<a href="#"
waj89757的专栏
12-06 1084
#在URL格式中是表示页内锚点的意思，也就是说点击这个链接后，页面会跳到当前页面指定的锚点（或者说“书签”）处。比如在网页的某个地方有个这样的标签： 那么在页面的其他地方只要放一个这样的链接： 回到hello处 只要点击这个链接，页面就会跳到上述标签处。 如果url中用了#但又未指定锚点名称，那么就是跳到当前页面的最顶端，比如： 顶端 这也是一般页面“回到顶端”功能的实现方法。
a标签中href=""的几种用法
热门推荐
Wendy
10-11 24万+
众所周知，a标签的最重要功能是实现超链接和锚点。而且，大多数人认为a标签最重要的作用是实现超链接，今天我刚好碰到a标签的一种写法，所以就来整理下a标签中href的几种用法。 一、Js的几种调用方法（参考总结的） 1、a href="javascript:js_method();" 这是常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的h
HTML5和CSS学习笔记（二）
weixin_41905995的博客
04-25 876
接着学习CSS笔记（一） （17）添加带有边框半径的圆角 通过CSS的一个叫border-radius(边框半径)的属性来让边框变成圆的 如：使用像素来指定border-radius的属性值，现在让你的猫咪图片的边框半径为10px <style> .smaller-image { width: 100px; border-radius:10px } </st...
jQuery 选择器 选取带有 href 属性的元素
09-05 1万+
&gt; $(document).ready(function(){ $("button").click(function(){ $("[href]").hide(); }); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;h2&gt;这是标题&lt;/h2&gt; &lt;p&
使用hash(哈希)符号生成固定链接
qq_37499398的博客
04-28 4280
Make Dead Links using the Hash Symbol有时你想为你的网站添加一个a元素，但此时你还不知道要将它们链接到哪儿，此时可以使用固定链接。把你的a元素的href属性的值替换为一个#，别名hash(哈希)符号，将其变为一个固定链接。...
FreeCodeCamp学习笔记（1）
hongliuhua的博客
03-07 2509
22.Size your Images 改变宽度 改变宽度   .larger-image {     width: 500px;   }   23.Add Borders Around your Elements 改变边框 如果我们想要让一个HTML元素的边框颜色为红色、边框宽度为5像素(px)、边框样式为固体(solid)，代码如下:   .thin-red-b
把图片变成一个链接
qq_37499398的博客
04-28 1万+
Turn an Image into a Link你可以通过把某元素嵌套进a元素使其变成一个链接。把你的图片嵌套进a元素。举例如下：&lt;a href="#"&gt;&lt;img src="/images/relaxing-cat.jpg"&gt;&lt;/a&gt;任务：把你的小猫图片插入到一个新的锚点元素中，并把锚点元素的href属性设置为#。一旦完成，把你的光标悬停在你的图片上。你的光标...
HTML <a> 标签的 href 属性
heganlin的博客
11-03 4974
w3school页面的描述： HTML 标签的 href 属性 HTML 标签 实例 href 属性规定链接的目标： href="http://www.w3school.com.cn">W3School 亲自试一试 定义和用法 标签的 href 属性用于指定超链接目标的 URL。 href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段
a标签设置href=“#“
weixin_46021847的博客
11-16 4649
重点 a标签href属性设置为“#”，则表示一个空链接，单击空链接，页面不会发生变化。 拓展 1.为a标签设置href属性，属性值为“#+锚点名称”。 2.例如，输入“#myID”。 <h1 id="myID">图片1</h1> <p><img src="images/1.jpg" alt=""></p> 3.如果链接到不同的页面，例如text.html，则输入“text.html#myID”，可以使用绝对路径，也可以使用相对路径
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值