时间戳

首页 > 解决方案 > 如何在不改变其外观的情况下将我的代码中的 URL 文本转换为链接？

html - 如何在不改变其外观的情况下将我的代码中的 URL 文本转换为链接？

问题描述

我想将文本 URL 转换为链接而不改变它们的外观，但我真的不知道如何在这里做到这一点。

我试图放置<a>，但要么将所有内容转换为链接，要么只是隐藏带有目标 URL 的部分。

    <span class="token selector">.404 Error Page</span><span class="token punctuation">{</span>
      <span class="token property">background</span><span class="token punctuation">:</span><span class="token url"> url:("https://inesmathy.github.io/404-page/index.html")</span><span class="token punctuation">;</span>
    <span class="token punctuation">}</span>

这是代码的链接

标签： htmlcss

解决方案

你需要像下面这样转换<span>成<a>href

<!-- From -->
<span class="token url">url("https://inesmathy.github.io/404-page/index.html")</span>

<!-- To -->
<a class="token url" href="https://inesmathy.github.io/404-page/index.html">url("https://inesmathy.github.io/404-page/index.html")</a>

工作示例演示

推荐阅读