HTML 和 CSS - 快捷方式 URL答案

【问题标题】：HTML & CSS - Shortcut URLHTML 和 CSS - 快捷方式 URL
【发布时间】：2015-02-19 18:20:27
【问题描述】：

我想知道如何在 html 和 css 中制作快捷 URL（如果可能的话）

我的意思是：

 HTML   <a href="#URL1">URL1</a>

 CSS    #URL1 { URL('nextpage.html');}

这有可能吗？
谢谢你的回答。

所以它不能这样工作？

var url1 = "http://www.google.com"; 

<a href="url1">Google</a>

有什么办法吗？

【问题讨论】：

【解决方案1】：

或者你可以用php来做。

<?php
$url = 'example.com' ;
?>

<a href="<?php echo $url; ?>" >
click here 
</a>

【讨论】：

【解决方案2】：

简而言之，不，仅使用 CSS 和 HTML 是无法实现这一点的。

层叠样式表 (CSS) 是一种样式表语言，用于描述以标记语言编写的文档的外观和格式。虽然最常用于更改以 HTML 和 XHTML 编写的网页和用户界面的样式，但该语言可以应用于任何类型的 XML 文档，包括纯 XML、SVG 和 XUL。 (...read more)

另外，这里有一个 introduction 说明 CSS 是什么以及如何使用它。

我建议你也看看HTML Links。

为了不全是负面的，我会给你一些解决方案，你可以使用`.attr`并这样做：

脚本

$('#firstlink').attr("href", "http://google.com")

HTML

<a href="#" id="firstlink">This will take you to google</a>

脚本

var url = document.getElementById("firstlink")
url.setAttribute("href", "http://google.com")

HTML

<a href="#" id="firstlink">This will take you to google</a>

【讨论】：

【解决方案3】：

这是不可能的。因为 css 仅用于样式化 html。是的，您可以定位特定的 url 来设置它的样式。查看this页面了解更多详情。

【讨论】：