its*_*sme 23 html css performance hyperlink head
是否可以将<link>css文件放在<head/>标签之外,例如在页脚端？
这有什么不好的结果呢？
我问这个,因为实际上我有一个css文件没有任何样式,但只给我的网站带来了一些css3动画,所以我想把它放到html的末尾只是为了性能原因...
谢谢
小智 22
样式表链接在一起,<head>以便浏览器可以设置HTML的样式并按原样呈现它.如果您将样式信息放在文档的底部,则浏览器必须重新设置并再次从顶部呈现整个文档.
首先,需要更长的时间,其次,看起来真的很难看.
这与包含的脚本不同,因为脚本会在完成之前阻止加载,因此您在过程中尽可能晚地加载它们.
Mar*_*det 17
根据W3规范,<link>标签只应该在以下<head>部分:
对于HTML 4.01: http ://www.w3.org/TR/html401/struct/links.html#edef-LINK
对于HTML5: http ://www.w3.org/TR/html5/document-metadata.html#the-link-element
早在2013年,如果您在HTML文档中link添加标记body,则不会使用validate.w3.org验证基于HTML 4.01的规则.
(您可以在https://validator.nu上试用HTML 4.01与HTML 5.0验证)
在第一次阅读时,HTML 5.0规范文档似乎暗示它link应该只出现在head文档的元素中.但是,如果使用HTML 5.0验证程序进行验证,那么即使您link在流内容中有文档,文档仍然可以正常显示.
对这种差异的最佳解释可能如下.
如果您阅读了link条目的MDN文档(MDN链接条目),您会看到如果link元素具有itemprop属性,那么它link可以出现在流和短语内容中,因此,在body.
这可能是HTML 5.0验证器即使该itemprop属性不存在也不发出警告的原因.
这itemprop是微数据规范的一部分,相对较新(阅读HTML微数据),值得一读.
目前,人们可以在其中添加一个link样式表body,但目前尚不清楚它的优点是什么.