HTML5不允许链接外部样式表?

时间:2014-02-19 17:46:18

标签: css html5

我在使用<link rel="stylesheet" href="styles.css">时遇到问题 在我的网页上。它在头标签中。一旦我删除了HTML5 doctype声明,它工作正常,没有其他更改...有关为什么HTML5会阻止浏览器使用外部样式表的任何想法?

3 个答案:

答案 0 :(得分:1)

首先,确保在HTML5文档所在的目录中确实有一个styles.css文件。其次,请尝试使用此代码:<link href="styles.css" rel="stylesheet" type="text/css">

答案 1 :(得分:1)

可能性与外部样式表无关,与通过style元素嵌入HTML相反。相反,样式表的某些部分本身仅在quirks mode中“起作用”,而<!doctype html>会阻止怪癖模式。

例如,CSS规则等符合浏览器的width: 600声明忽略了这一声明。在怪癖模式下,浏览器会故意违反规则并将600解释为600px,这通常是作者的意思。

结论主要取决于页面的状态。如果它是一个旧页面,它可能有许多需要怪癖模式的怪癖;然后就是不要添加<!doctype html>。如果它是一个新页面,或者一个页面被完全重写,摆脱怪癖:确保您的HTML,CSS和JavaScript代码符合规范。

答案 2 :(得分:0)

这个标记很好:

<link rel="stylesheet" href="styles.css">

type=text/css不是必需的,仅供用户代理使用。

问题必须出在您的浏览器中 - 使用其他浏览器清除Cookie /缓存/测试。

(您可以查看此演示:<link> tag, 2 examples + interpretation - 逐步删除每个属性以突出显示在浏览器中的影响(如果有)