HTML-超链接a标签
在HTML具有点击后跳转到另一个链接的功能标签,如下:
<a href="http://www.baidu.com"></a>
上述href是调整的路径;分为外部路径和内部路径;这两个在实际开发都很常用;没说哪个占优势啥的;
a标签本身是个行内元素,但是他内部可以放任何元素,块元素也可以;但除了他自身外不能嵌套;
当使用内部路径时,通常时访问项目内的资源或接口时;
<a href="./index.html"></a> //调整到当前目录的index.html <a href="../index.html"></a> //调整到上一级目录下的index.html
当使用外部路径,则是调整第三方的URL;可以是域名+端口+资源路径,也可以是IP+端口+资源路径;
<a href="http://www.baidu.com/login"></a> <a href="http://192.168.1.1/login"></a>
任何a标签还有一个属性是target,用来控制新窗口从哪里打开,如下:
<a href="http://www.baidu.com/login" target="_self"></a> 当前窗口打开 <a href="http://www.baidu.com/login" target="_blank"></a> 打开一个新的窗口
然后上面使用也没有说哪个用的多,看项目和用户需求而定;
还有一个比较特殊的需求,就是点击超链接后,能滚动到当前页面的指定位置;这个也是可以做的,只需要给滚动到指定位置的元素加个ID属性即可,比如下面代码:
<a href="#li4"></a> //当点击链接时,则会调到id为li4元素的位置 <ul> <li>1</li> <li>2</li> <li>3</li> <li id="li4">4</li> <li>6</li> </ul>
然后还有一种常见的情况,就是某个链接不希望点了之后有任何效果;通常开发人员不会将href=“”,而是采用下面这种更优雅的写法:
<a href="javascript:;"></a>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~
2020-10-13 ActiveMQ整合Spring的入门使用