Question

我正在阅读 XHTML 1.0 Strict Doctype ，发现"script"元素的rel属性的值为link。

<link rel="script" href="..." />

我尝试使用此标记链接外部JS文件，但Safari甚至没有加载文件。那么标签可以用于什么呢？

更新

重新读取DTD后，它并没有准确列出rel属性的有效值。 'script'值仅作为评论的示例出现。因此，这可能会也可能不会在所有浏览器中实现。

Answer 1

link元素用于传达正在查看的页面与元素内容之间的关系信息。

来自spec：

虽然LINK没有内容，但它传达了可由用户代理以各种方式呈现的关系信息

所以，仅供参考。

Answer 2

不仅有“脚本”值，“rel”可以包含任何有效的属性内容。问题是：

哪些值具有定义的含义（通常通过XHTML 1.0等规范）？
哪些浏览器支持这些？

显然，W3C希望脚本可以像样式表一样包含（<link rel="Stylesheets" …>），但是在规范的prosa部分中没有提到它，只是在DTD注释中。你也可以在HTML 4.01 strict DTD中找到它（XHTML 1.0只是XML 4.01的重新制定）。奇怪的是，相应的link type section和script section都没有提及。它可能是一个想法的神器，后来被拒绝了。

这给我们带来了问题2的答案。它没有在浏览器中正确实现，至少在Safari中（你自己提到过）。因此，您不应该使用它，因为它不能跨浏览器工作。您可以将其用作黑客（包括不会被Safari加载的脚本），但这不安全，因为您无法判断更高版本的Safari是否会改变行为。

Answer 3

外部js文件通常使用<script>标记加载：

<script type="text/javascript" src="/foo.js"></script>

Answer 4

要加载javascript文件，您必须写：

<script type="text/javascript" src="/path/to/file.js"></script>

我认为您对CSS文件加载感到困惑：

<link rel="stylesheet" type="text/css" ref="myFile.css"/>

Answer 5

您可以查看此http://www.w3.org/TR/html401/struct/links.html#h-12.1.2

link rel =“script”用法

5 个答案: