在Web开发中,我们经常需要将一个URL链接嵌入到文本中。但是,长长的URL往往会破坏文本的可读性,并且可能会使用户失去对页面的焦点。幸运的是,Markdown提供了一种简单的方法来将URL转换为链接。
Markdown 链接语法
Markdown支持两种类型的链接:行内式和参考式。
行内式链接
行内式链接使用方括号[ ]
来标记链接文本,后跟圆括号( )
包含链接地址。例如,下面这行代码将会显示一个指向百度首页的链接:
[百度](http://www.baidu.com)
显示效果如下:
参考式链接
参考式链接允许将链接信息放在文章末尾或其他位置,以提高可读性。这种链接语法由两部分组成:第一部分是用方括号标记的链接文本,第二部分是用方括号标记的链接标识符,在文本的其他位置定义了链接的实际地址和可选的标题。例如:
这里是一个指向 [baidu][1] 的链接。 [1]: http://www.baidu.com "百度"
显示效果如下:
这里是一个指向 [baidu][1] 的链接。 [1]: http://www.baidu.com "百度"
实例演示
假设我们有一个长长的URL链接:
https://www.amazon.cn/Kindle%E7%94%B5%E5%AD%90%E4%B9%A6/b/ref=sd_allcat_kincat_books?ie=UTF8&node=116169071
我们可以使用Markdown行内式链接来将其转换为易于阅读的格式:
[Amazon Kindle电子书](https://www.amazon.cn/Kindle%E7%94%B5%E5%AD%90%E4%B9%A6/b/ref=sd_allcat_kincat_books?ie=UTF8&node=116169071)
显示效果如下:
参考式链接的示例代码如下:
这里是一个指向 [Amazon Kindle电子书][2] 的链接。 [2]: https://www.amazon.cn/Kindle%E7%94%B5%E5%AD%90%E4%B9%A6/b/ref=sd_allcat_kincat_books?ie=UTF8&node=116169071 "Amazon Kindle电子书"
显示效果如下:
这里是一个指向 [Amazon Kindle电子书][2] 的链接。 [2]: https://www.amazon.cn/Kindle%E7%94%B5%E5%AD%90%E4%B9%A6/b/ref=sd_allcat_kincat_books?ie=UTF8&node=116169071 "Amazon Kindle电子书"
总结
通过使用Markdown链接语法,我们可以将普通的URL转换为易于阅读的格式。如果您正在编写文本内容,并需要嵌入一些链接,不妨考虑使用Markdown链接语法来提高可读性和用户体验。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/8302