10----超链接

news2024/12/23 22:30:15

        在 Markdown 里可以创建超链接,以链接到其他 Markdown 页面或网站。

一、行内超链接:

        行内式超链接是Markdown中创建超链接的一种方式,它的语法相对简单,适合在文本中直接插入链接。

1.链接到网站:[链接文本](链接地址)

        其中,`链接文本`是要显示的链接文本,可以是任意字符或词组,而`链接地址`是链接指向的URL地址。

示例:

markdown的形式输入:

HTML渲染后输出:

2.链接到其他markdown界面:[链接文本](./对应的跳转界面名称)

markdown的形式输入:

HTML渲染后输出:

3.无标签链接:<链接地址>

markdown的形式输入:

HTML渲染后输出:

4.无标签邮箱链接:<邮箱地址>

markdown的形式输入:

                                        

HTML渲染后输出:

5.添加title:[文本内容](./对应的跳转界面名称 "即将跳转的内容")

markdown的形式输入:

HTML渲染后输出:

        此时我们把鼠标放在渲染后的对应位置,可以发现其会显示出即将跳转的内容(也就是我们设置的“点击跳转到标题页”)



        在Markdown中,当你使用这个语法时,会在文本中显示为可点击的链接,点击后会跳转到指定的链接地址。

        行内式超链接的优点是简洁明了,适用于在文本中直接插入链接。它可以用于添加外部链接、内部链接以及锚点链接等。在编写文档时,你可以使用行内式超链接来引用其他网页、参考资料、相关文档等,方便读者查看更多相关信息。

        需要注意的是,链接地址可以是完整的URL,也可以是相对路径。如果是相对路径,它会相对于当前Markdown文档的位置进行解析。


二、参考超链接:

        参考式超链接是Markdown中创建超链接的另一种方式,它相对于行内式超链接更加灵活和易于维护。

参考式超链接的语法格式如下:[链接文本][链接标识符]
在文档的其他位置定义链接标识符:[链接标识符]: 链接地址

        其中,`链接文本`是要显示的链接文本,可以是任意字符或词组。`链接标识符`是一个唯一的标识符,用于将链接文本和链接地址关联起来。在文档的其他位置,你可以使用`链接标识符`来定义链接的具体地址。

下面是参考式超链接的示例:

markdown的形式输入:

HTML渲染后输出:

此时,点击我的博客即可跳转到对应界面。


        在Markdown中,当你使用这个语法时,会在文本中显示为可点击的链接,点击后会跳转到指定的链接地址。

        参考式超链接的优点是可以将链接的定义和使用分离开来,使得文档更加清晰和易于维护。你可以在文档的任意位置定义链接标识符,然后在需要使用链接的地方引用它。这样,如果需要修改链接地址,只需要在定义链接标识符的地方修改一次,而不需要逐个修改每个链接的地址。

        参考式超链接还支持引用相同链接标识符的重复链接。这意味着你可以在文档中多次引用同一个链接,而不需要重复定义链接地址。

        需要注意的是,链接标识符可以是任意字符,但通常建议使用数字或有意义的标识符,以提高可读性和维护性。


三、自动超链接:

        有些 Markdown 解析器还可以自动解析代码中的链接,并生成无标签链接

        比如追逐远方的梦_C++,数字系统设计基础,Markdown入门-CSDN博客,并没有添加任何的超链接语法,但是被自动转换成了 a 标签。如果不希望自动转换,可以把链接写成行内代码,这样就不会自动转换了。

示例:

markdown的形式输入:

 HTML渲染后输出:


四、和其他元素配合:

        超链接还可以和粗体、斜体、代码等其他元素一块使用。

markdown的形式输入:

 HTML渲染后输出:


五、注意事项:

当使用超链接时,有几个注意事项需要考虑:

1. 链接文本:链接文本是用户点击的可见文本。为了提高可读性和可访问性,建议使用有意义的文本描述链接内容,而不仅仅是URL本身。例如,使用描述性的词语或短语作为链接文本,而不是直接使用URL。

2. 链接地址:链接地址可以是完整的URL,也可以是相对路径。如果是相对路径,它会相对于当前Markdown文档的位置进行解析。确保链接地址正确无误,并且可以正确访问。

3. 链接标识符:如果使用参考式超链接,需要在文档的其他位置定义链接标识符,并确保每个链接标识符是唯一的。使用有意义的标识符可以提高文档的可读性和维护性。

4. 链接的可访问性:为了使链接对所有用户都可访问,建议为超链接添加适当的文本描述,以便屏幕阅读器等辅助技术能够正确解读链接内容。可以使用Markdown的图片语法来添加适当的文本描述。

5. 链接的打开方式:默认情况下,Markdown中的链接会在当前窗口或标签页中打开。如果需要在新的窗口或标签页中打开链接,可以使用HTML的`target`属性来指定打开方式。例如,可以使用`target="_blank"`来在新的标签页中打开链接。

        总之,使用超链接时,要确保链接文本清晰、链接地址正确,以及考虑到可访问性和用户体验的因素。这样可以使得文档更加友好和易于使用。


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/892769.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

排序+运算>直接运算的效率的原因分析

大家好,我是爱编程的喵喵。双985硕士毕业,现担任全栈工程师一职,热衷于将数据思维应用到工作与生活中。从事机器学习以及相关的前后端开发工作。曾在阿里云、科大讯飞、CCF等比赛获得多次Top名次。现为CSDN博客专家、人工智能领域优质创作者。喜欢通过博客创作的方式对所学的…

Facebook 应用未启用:这款应用目前无法使用,应用开发者已得知这个问题。

错误&#xff1a;Facebook 应用未启用:这款应用目前无法使用&#xff0c;应用开发者已得知这个问题。应用重新启用后&#xff0c;你便能登录。 「应用未经过审核或未发布」&#xff1a; 如果一个应用还没有经过Facebook的审核或者开发者尚未将应用发布&#xff0c;那么它将无法…

MySQL数据库——图形化界面工具(DataGrip),SQL(2)-DML(插入、修改和删除数据)

目录 图形化界面工具&#xff08;DataGrip&#xff09; 下载及安装 启动及连接 使用 创建数据库 创建表结构 编写SQL DML 插入 更新和删除 1.修改数据 2.删除数据 总结 图形化界面工具&#xff08;DataGrip&#xff09; 下载及安装 DataGrip下载链接&#xff1a;…

如何使用HTML5新增的表单元素来增强表单功能?

聚沙成塔每天进步一点点 ⭐ 专栏简介⭐ 1. <input type"email"> 和 <input type"url">⭐ 2. <input type"tel">⭐ 3. <input type"date">、<input type"time"> 和 <input type"datet…

求解方程sympy.solve

【小白从小学Python、C、Java】 【计算机等考500强证书考研】 【Python-数据分析】 求解方程 sympy.solve [太阳]选择题 下列代码最后一次输出的结果是&#xff1f; import sympy x sympy.symbols(x) y x**2 2*x - 3 print("【执行】sympy.solve(y, x)") print(s…

TIA博途中打开全局库al文件以及压缩库zal文件的具体方法示例

TIA博途中打开全局库al文件以及压缩库zal文件的具体方法示例 本例中所有的库文件均以博途V15软件为例进行说明,其他版本的博途软件可能稍有区别,但总体相同。 如下图所示,打开博途软件后,在右侧的“库”—全局库,点击打开图标, 如下图所示,此时在弹出的窗口中找到后缀名…

华为OD机试 - 执行时长 - 回溯(Java 2023 B卷 100分)

目录 专栏导读一、题目描述二、输入描述三、输出描述四、解题思路1、大概意思就是&#xff1a;2、比如&#xff1a; 五、Java算法源码六、效果展示1、输入2、输出3、说明 华为OD机试 2023B卷题库疯狂收录中&#xff0c;刷题点这里 专栏导读 本专栏收录于《华为OD机试&#xff…

JavaWeb框架:Spring MVC介绍

Spring MVC 概述 概述 MVC&#xff08;Model View Controller&#xff0c;模型-视图-控制器&#xff09;&#xff0c;作为一种设计模式&#xff0c;用于应用程序的分层开发。 Spring MVC&#xff0c;由 Spring 框架提供的基于 MVC 设计模式的一个轻量级 Web 开发框架。Spring…

Android Studio连接逍遥模拟器

1、启动Android Studio&#xff0c;打开和同步好项目。 2、启动逍遥模拟器&#xff0c;会自动连接Android Studio。 3、运行app到模拟器中即可。 4、如果第二步启动后没有自动连接&#xff0c;就需要我们手动连接&#xff0c;进入安装目录&#xff0c;我的是D:\Xiaoyao moniqi\…

【Java】Java如何生成随机数?

文章目录 前言一、Random类介绍二、Random类生成随机数1.生成随机数2.nextInt()方法 三、使用场景四、官方提示总结 前言 我们在学习 Java 基础时就知道可以生成随机数&#xff0c;可以为我们枯燥的学习增加那么一丢丢的乐趣。本文就来介绍 Java 随机数。 一、Random类介绍 …

在CentOS7.9上安装最新版本Docker安装步骤

1、查看系统版本&#xff1a; cat /etc/redhat-release 2、卸载原有版本&#xff08;如有的话&#xff09; sudo yum remove docker \ docker-client \ docker-client-latest \ docker-common \ d…

linux学习(文件描述符)[11]

一切皆文件 用代码创建的文件&#xff0c;默认路径在可执行文件同级目录下&#xff08;本质是进程通过系统接口创建的&#xff09; 文件宏 在Linux下&#xff0c;有一些与文件操作相关的宏可以用于处理文件描述符和文件权限。以下是一些常用的文件宏&#xff1a; STDIN_FIL…

算法通关村第4关【白银】| 栈的经典算法问题

1.括号匹配问题 思路&#xff1a;将左括号压入栈中&#xff0c;遍历字符串&#xff0c;当遇到右括号就出栈&#xff0c;判断是否是匹配的一对&#xff0c;不是就返回false&#xff08;因为按照顺序所以当遇到右括号出栈一定要是匹配的&#xff09;。使用Map来简化ifelse clas…

单片机中绝对地址转换为函数指针

一、相关概念 函数指针和指针函数是两个不同的概念。 函数指针是指可以指向函数的指针&#xff0c;它的类型与函数的返回值类型和参数类型相对应。通过函数指针&#xff0c;可以实现函数的回调和动态调用等功。 指针函数则是指返回指针类型的函数&#xff0c;它的返回值是一个指…

关于CDN加速和负载均衡技术的讨论

一&#xff1a;前言 相信学习到信息收集模块的小伙伴在学习Web信息收集中查找真实IP相关知识点时&#xff0c;必定接触到一个概念&#xff1a;CDN加速。那么什么是CDN&#xff1f;企业为什么要用CDN&#xff1f;就是为了隐藏自己的真实IP&#xff1f;显然不是。经济学中有一个概…

linux17 线程安全 线程同步

1、线程安全&#xff1a; 多线程程序无论调度顺序如何&#xff0c;都能保证程序 的正确性&#xff0c;就说该程序处于线程安全的状态 1&#xff09;、同步 2&#xff09;、线程安全函数//有的函数不适合多线程使用&#xff0c;是函数自身的原因。 2、线程安全函数 1&#…

java-垃圾回收与算法

垃圾回收与算法 1. 如何确定垃圾 1. 引用计数法 在 Java 中&#xff0c;引用和对象是有关联的。如果要操作对象则必须用引用进行。因此&#xff0c;很显然一个简单的办法是通过引用计数来判断一个对象是否可以回收。简单说&#xff0c;即一个对象如果没有任何与之关联的引用&…

【Freertos基础入门】任务调度

文章目录 前言对于前面博客的总结一、任务调度算法是什么&#xff1f;1.调度算法是什么以及freertos的调度算法2.抢占式优先级调度3.时间片轮转调度 二、配置调度算法总结 前言 本系列基于stm32系列单片机来使用freerots 任务管理是实时操作系统&#xff08;RTOS&#xff09;…

VS2015+mysql5.7升级到VS2019+mysql-8.0.34

本来一开始是安装的vs2022社区版&#xff0c;结果没找到mysql-for-visualstudio对应的2022的版本。 原来&#xff1a;VS2015mysql5.7 安装的插件&#xff1a; mysql-for-visualstudio-2.0.5.msi mysql-connector-net-6.10.8.msi 升级后&#xff1a;VS2019mysql-8.0.34 安…

深入理解linux内核--块设备驱动程序

块设备的处理 块设备驱动程序上的每个操作都涉及很多内核组件&#xff1b;其中最重要的一些如图14-1所示。 例如&#xff0c;我们假设一个进程在某个磁盘文件上发出一个read()系统调用 ——我们将会看到处理write请求本质上采用同样的方式。 下面是内核对进程请求给予回应的一…