【问题标题】:Why does the HTML5 boilerplate put modernizer in head tag?为什么 HTML5 样板文件将 Modernizer 放在 head 标签中?
【发布时间】:2012-10-27 23:26:09
【问题描述】:

如果你从 github 查看当前的HTML5 Boilerplate
您会看到它们在 head 标签的底部包含modernizr,
但其他 javascript 文件位于 body 标记的底部。
为什么要分开?

【问题讨论】:

    标签: javascript html hyperlink html5boilerplate


    【解决方案1】:

    来自 Modernizr 文档:

    将脚本标签放在 HTML 的(头部)中。为了获得最佳性能,您应该在样式表引用之后让它们跟随。我们建议将 Modernizr 放在头部的原因有两个:HTML5 Shiv(在 IE 中启用 HTML5 元素)必须在 (body) 之前执行,并且如果您使用 Modernizr 添加的任何 CSS 类,您我想防止 FOUC。

    【讨论】:

    • HTML5 shim 最终导致浏览器重新解释整个文档。这种情况越早发生越好。
    猜你喜欢
    • 2023-01-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-07-07
    • 1970-01-01
    • 1970-01-01
    • 2017-01-29
    • 1970-01-01
    相关资源
    最近更新 更多