＜a＞标签的超链接前面会自动加上当前（网站）地址

最新推荐文章于 2024-11-28 09:59:25 发布
最新推荐文章于 2024-11-28 09:59:25 发布
阅读量2.5k 收藏 9
点赞数 10
CC 4.0 BY-SA版权
分类专栏： Web前端 编程开发 文章标签： 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CS41806516/article/details/134835452

当前（网站）地址是 fyh.com，在代码里写 <a> 标签时，会自动在链接前添加 fyh.com。

例如写如下代码 <a href="www.baidu.com">baidu</a>，在浏览器中点击链接会跳转至 fyh.com/www.baidu.com，而不是想要的 www.baidu.com。

解决方法：

1、href="www.baidu.com"，超链接地址www.baidu.com前面要带上 http:// 或者 https://

2、如果不知道超链接前面是 http:// 还是 https://，则可以加 //（即：//baidu.com），浏览器会自动判断是 http 还是 https

HTML超链接标签——a标签、锚点、base标签、假链接标签
Ariel_欢
01-09 8990
一、a标签 1.什么是a标签？ a标签的作用：用于控制页面与页面之间跳转的 a标签的格式：<a href="指定需要跳转的目标界面">需要展现给用户查看的内容</a> 实例：<a href="http://www.w3school.com.cn">This is a link</a> 注释：在 href 属性中指定链接的地址。 2.a标签中的属性： a标签中有一个target的属性：专门用于控制如何跳转 target属性值： ...
HTML+CSS标签 (2)
delphiwcdj的专栏
02-22 2577
紧接前文HTML+CSS初步 (1)，本文继续学习标签的用法。
HTML常用标签
Y_xyao的博客
09-09 1054
HTML常用标签 1.1 标题标签 h1-h6文本等级标签 p段落标签 <p>文本内容</p> 作用：可以把HTML文档分隔为若干个段落，是HTML文档中的最常见的标签，会根据浏览器窗口的大小自动换行。 水平线标签hr hr是个单标签，创建横跨网页水平线的标签。 换行标签br 强制换行。 div和span标签 一行只能放一个div，一行可以放好多个span。 1.2文本格式化标签 标签 显示效果 b标签 /strong标签 粗体 i便签 斜体
a标签跳转地址会在前边自动加上当前域名
weixin_39818813的博客
04-12 8041
原因是要跳转的域名没有写完整，需要加上协议，如要跳转到百度就是： 正确写法：href="http://www.baidu.com" 错误写法：href="www.baidu.com"
网站加了外链会在前面自动加上自己网页的网址
weixin_44003632的博客
06-06 2183
在平时工作中加一个链接，基本上用href属性就行。但是当我们放在要跳转的地方发现会在我们的网址前面新增自己的网页。 这是因为网页把它当做内链了。只需要在前面加上http或者https就可以了。 因为做外链不加http:// ，那这个外链就是无效的。 加了才可以有传递权重的效果。 ...
jsp 超链接带系统前缀
iteye_6988的博客
09-26 429
如： &lt;a   href= "www.iteye.com"&gt; iteye &lt;/a&gt; 网页生成后点击此超链接，始终有如http://localhost:8080的前缀,变成http://localhost:8080/www.iteye.com     解决：加上http：// 前缀     &lt;a   href= "http://www.iteye.com"&gt;...
＜a＞标签链接跳转会自动拼接当前域名
taylortiger的博客
11-16 1249
F12->元素定位->将标签的跳转链接改成无效链接如‘abctest’->移入光标：自动拼接了当前域名。网址填写网址，加上HTTP或HTTPS协议。
a标签跳转为什么带上了当前的url路径
范天缘的博客
02-19 2311
原因:如果不带http,浏览器会认你那个是路径而不是连接,所以需要加上 错误 跳转测试 <a href='www.baidu.com'>跳转测试</a> 正确 跳转测试 <a href='http://www.baidu.com'>跳转测试</a>
分布式 第四章 Spring Boot 初步
日天家的猫
06-27 488
文章目录1 Spring Boot框架入门2 Spring Boot入门案例3 Spring Boot框架Web开发3.1 Spring Boot集成 MyBatis3.2 Spring Boot事务支持3.3 Spring Boot下的 Spring MVC3.4 Spring Boot实现 ResTful3.5 Spring Boot集成Redis3.6 Spring Boot集成Dubbo3.6.1 开发Dubbo服务接口3.6.2 开发 Dubbo 服务提供者3.6.3 开发 Dubbo 服务消费者
HTML 中 a 标签跳转问题总结：从框架页面跳转的困境与突破
最新发布
weixin_52814911的博客
11-28 1360
在 HTML 开发中，a 标签是实现页面跳转和交互的重要元素。在框架页面环境下，其跳转行为会受框架结构影响，JavaScript 方法执行也需考虑框架环境。修改 target 属性为 _top 可在当前标签跳转，避免新标签打开；复杂情况可用跨框架通信，但要注意跨域问题。开发者应依项目需求和页面结构灵活选解决方案，保障跳转功能正常。a 标签除常规跳转外，还有其他实用用途。比如设置 href 为 tel: 加上电话号码，可实现点击拨号功能，方便用户在移动设备上直接拨打联系电话。
【网页前端设计HTML】超链接
weixin_53597021的博客
08-03 1451
超链接，英文名是hyperlink。每一个网站都是由非常多的网页组成，而页面之间通常都是通过超链接来相互关联的。超链接能够让我们在各个独立的页面之间方便地跳转。
计算机超链接文本的前缀,1 文本办公
weixin_30660429的博客
07-26 1644
本计划纯翻译《最佳免费PDF工具软件(via)》，但发现内容有很多可改进之处，故改为编译。鸣谢：techsupportalert、朝露昙花、天毅。一、细说PDF编辑功能PDF格式的产生，是为了“发布”——即文档在不同平台看起来尽可能相似。这一背景和目标，决定了PDF的特性就是“不易编辑”，或者说“天生不适合编辑”。很多所谓的编辑软件，也只是达到“勉强可用”的程度。期望像MS Word文档一样的轻松...
＜a＞超级链接标签
qq_34771938的博客
06-26 300
标签结构： <a></a> 常用属性： href: 链接地址（本地网页、外部网页、图片等） target: _blank(在新的窗口打开）、_parent(在父窗口打开)、_self(在当前窗口打开)等 示例： 1.本地网页测试： <!--这是第一个网页的代码--> <html> <head> <title>First HTML Web...
计算机超链接文本的前缀,计算机网络考试重点整理.docx
weixin_35955473的博客
07-26 667
计算机网络考试重点整理第1章1.1计算机网络的两个功能连通性——计算机网络使上网用户之间都可以交换信息，好像这些用户的计算机都可以彼此直接连通一样。 共享——即资源共享。可以是信息共享、软件共享，也可以是硬件共享。 1.2 因特网的三个阶段第一阶段是从单个网络 ARPANET 向互联网发展的过程。第二阶段的特点是建成了三级结构的因特网。 第三阶段的特点是逐渐形成了多层次 ISP 结构的因特网。1....
利用css的content来实现自动在a标签后面加上href属性设置的链接地址
Lemontree_fu的博客
03-09 497
上面是实现效果。 下面是html内容。可以看到我并没有写http://www.runoob.com。但是却能显示出来。 <a href="http://www.runoob.com" id="a">菜鸟教程</a> 那是因为css里面设置了content。 #a:after{ content:"("attr(href)")"; } ...
详解HTML的a标签（超链接标签）
热门推荐
weixin_30784141的博客
04-07 1万+
1、什么是<a>标签 　　<a> 标签定义超链接，用于从一张页面链接到另一张页面。　　<a> 元素最重要的属性是 href 属性，它指示链接的目标。 2、<a>标签的几个重要属性 2.1、href 　　规定链接指向的页面的 URL。 　　1. 链接https、http地址：　　 　　<a href="https://baidu.com...
6-超链接
skyandairchild的博客
09-23 612
超链接也叫URL(资源定址器)。这个定址器的功能主要告诉浏览器
HTML常用的的超链接标签：
rihjyy的博客
01-28 5593
HTML常用的的超链接标签： 在HTML标签中，超链接标签用定义，作用是从一个页面到另一个页面。 1.超链接的语法规范 <a href="http://www.baidu.com" target="_blank">百度的链接</ a> 其中a是anchor的缩写，中文意思是：锚 其中href用于指定目标页面的url地址**(不可省略)**，标签拥有href属性时，才有了超链接功能。 target用于指定目标页面的打开方式，可在引号""中输入_self为在当前页面中打开，输入_bla
base标签,会将a标签等标签所有url都加前缀
wqnmlgbsz的博客
10-23 992
解决办法，前面加上你的http： 也就是你的链接写全 a标签跳转发现没有http： 会去找base 有的话直接a标签
在<body>标签中使用标题标签<h>、段落标签<p>、图像标签<img>、超链接标签<a>、列表标签<ul><ol>、<div>标签和<span>标签，并结合各标签的属性创建一个图文并茂的网页文档
03-16
在<body>标签中使用标题标签<h>、段落标签<p>、图像标签<img>、超链接标签<a>、列表标签<ul><ol>、<div>标签和<span>标签可以创建一个图文并茂的网页文档。下面是它们的介绍及使用方法： 1. 标题标签<h>：用于定义标题，有<h1>到<h6>六个级别，其中<h1>是最高级别的标题，<h6>是最低级别的标题。示例代码如下： <h1>这是一级标题</h1> <h2>这是二级标题</h2> ... <h6>这是六级标题</h6> 2. 段落标签<p>：用于定义段落文本。示例代码如下： <p>这是一个段落。</p> 3. 图像标签<img>：用于插入图像。需要指定图像的路径和一些属性，如宽度、高度等。示例代码如下： <img src="image.jpg" alt="图片描述" width="300" height="200"> 4. 超链接标签<a>：用于创建链接到其他页面或位置的超链接。需要指定链接的目标地址。示例代码如下： <a href="https://www.example.com">这是一个链接</a> 5. 列表标签<ul><ol>：用于创建无序列表和有序列表。无序列表使用<ul>标签，有序列表使用<ol>标签。示例代码如下： <ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ul> <ol> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ol> 6. <div>标签和<span>标签：用于组织和样式化网页内容。可以通过CSS对其进行样式设置。示例代码如下： <div style="background-color: #f1f1f1; padding: 10px;"> 这是一个<div>标签的示例。 </div> <span style="color: red;">这是一个<span>标签的示例。</span>
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值