首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 ><head></head>中标签的顺序

<head></head>中标签的顺序
EN

Stack Overflow用户
提问于 2008-10-10 11:23:36
回答 13查看 8.9K关注 0票数 48

<link><script><meta>标记在<head></head>中的顺序重要吗

(这是一个愚蠢的问题,但这是我到目前为止从未考虑过的事情之一。)

EN

回答 13

Stack Overflow用户

回答已采纳

发布于 2008-10-10 15:02:15

可接受的答案是错误的,这取决于文档的编码。如果HTTP头中没有发送编码,则浏览器必须根据文档本身确定编码。

如果文档使用<meta http-equiv="Content-Type" …声明来声明其编码,则出现在该语句之前的任何ASCII值字符(字符代码< 128)必须为ASCII值,根据HTML 4 spec。因此,在任何其他可能包含非meta字符的元素之前声明这个ASCII码是很重要的。

票数 16
EN

Stack Overflow用户

发布于 2008-10-10 11:28:26

优化

据雅虎的人说!您应该使用put CSS at the topscripts at the bottom,因为脚本会阻止并行下载。但这主要是一个优化问题,并不是页面实际工作的关键。Joeri Sebrechts指出,Cuzillion是一种很好的方法来测试这一点,并亲眼看到速度的提高。

多个样式表

如果要链接多个样式表,则它们的链接顺序可能会影响页面的样式设置方式,具体取决于specificity of your selectors。换句话说,如果您有两个样式表,以两种不同的方式定义同一个选择器,则将优先使用后者。例如:

样式表1:

代码语言:javascript
复制
h1 { color: #f00; }

样式表2:

代码语言:javascript
复制
h1 { color: #00f; }

在此示例中,h1元素将具有颜色#00f,因为它是最后定义的,具有相同的特异性:

多脚本

如果您使用多个脚本,并且其中一个脚本依赖于另一个脚本中的某些内容,则这些脚本的使用顺序可能很重要。在这种情况下,如果脚本以错误的顺序链接,您的一些脚本可能会抛出错误或无法按预期工作。然而,这在很大程度上取决于您所使用的脚本。

票数 42
EN

Stack Overflow用户

发布于 2008-10-10 11:42:32

建议将带有字符编码的meta标签放在尽可能高的位置。如果编码没有包含在请求页面的响应头中(或与之不同),浏览器将不得不猜测编码是什么。只有当它找到这个meta标签时,它才知道它正在处理什么,并且它将不得不再次读取它已经解析过的所有内容。

请参见实例Methods for indicating the character set

票数 11
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/190890

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档