链接href =“#”有什么作用?

时间:2013-06-05 07:13:54

标签: html css css3

我偶然发现了网站源代码中的以下代码段。

<link href="#" id="colour-scheme" rel="stylesheet">

这是做什么的?

9 个答案:

答案 0 :(得分:3)

除了停留在同一页面外,这实际上绝对没有。

这来自允许跳转页面一部分的Anchors(更具体地说,是关于id)。

这通常是为了说这里应该引入一些链接,因为它没有效果。当您对网站进行编码时,即使链接所指的页面尚未存在,显示链接通常也很有用。这通常意味着临时解决方案。

正如Ryan'sTom's答案中所述,它也可用于动态加载CSS文件。

答案 1 :(得分:3)

没有base元素,除了消耗浏览器的资源外,它什么都不做。根据URL规范,#作为URL是对当前基本URL处文档开头的引用。由于标记必须位于HTML文档中,因此它将失败(因为文档是使用HTML媒体类型提供的,或者在浏览器徒劳无功后尝试使用CSS解析器解析HTML)。

如果您使用base标记将基本网址设置为引用CSS文档的标记,那么它在技术上可以正常工作,例如

<!doctype html>
<title>Demo</title>
<base href="http://www.cs.tut.fi/~jkorpela/basic.css">
<link href="#" id="colour-scheme" rel="stylesheet">
<h1>Hello world</h1>

这实际上是非常不正常的,它会有效地阻止您在文档中使用相对URL。所以这只是理论上的可能性,而不是真正发生的事情。

可能href="#"只是一个占位符,被JavaScript代码或其他东西覆盖。由于几个原因,编码风格很糟糕。最好省略href属性(即使这在HTML5中技术上无效)并且动态插入。

答案 2 :(得分:2)

在链接标记中使用#通常用于允许您稍后使用javascript,如果URL未知或默认情况下不需要设置。

示例:

HTML

<link href="#" id="colour-scheme" rel="stylesheet">

JS

document.getElementById("colour-scheme").href="red.css"; 

这允许您在JS中设置样式表的URL,而不是静态设置位置。

答案 3 :(得分:1)

可能是稍后要加载的一些样式表。

答案 4 :(得分:1)

href = uri

此属性指定Web资源的位置,从而定义当前元素(源锚点)与此属性定义的目标锚点之间的链接。

答案 5 :(得分:1)

使用哈希(#)作为参考通常由开发人员在未知时包含实际引用,但是如果这是在实时网站上,则可能是JavaScript正在用于加载基于的样式表用户的配色方案选择。在他们做出这个选择之前,不需要配色方案,所以没有给出参考,因此#。

答案 6 :(得分:0)

通常我们用来调用我们的css文件,例如下面。假设我有一个html文件,我想调用我的外部css文件,那时我需要使用。有关详细信息,请查看此链接http://www.w3schools.com/tags/att_link_href.asp

答案 7 :(得分:0)

我的猜测,根据html链接标签,它主要用于链接外部文件,如

href="theme.css"

由于你使用的是href =“#”,它不会做任何事情/服务于任何目的。

答案 8 :(得分:0)

<link href="#" id="colour-scheme" rel="stylesheet">

href :这是指定要在网页中导入的CSS文件的位置

使用href="#"时,它不会导入任何CSS文件。

相关问题