Question

我想知道放置视口标记的最佳位置是什么。

在<title>标记之后，在CSS链接之前，在html5shiv之前/之后（旧浏览器），如果可能的话，为什么？

提前致谢。

Answer 1

如果你在谈论<meta name="viewport">（因为没有<viewport>这样的东西），你可以把它放在任何你喜欢的地方，只要你把它放在<head>的某个地方。标记为有效的HTML。

它是在<title>标记，<link>标记之前还是之后，甚至HTML5 shiv都没关系，因为<meta>标记得到广泛支持且不需要HTML5 shiv，因为它们已经存在于较旧的规范中（如上所述，它是<meta name="viewport">，而不是<viewport>）。

Answer 2

html5 boilerplate（这是一个很好的来源）把它放在这里：

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title></title>
    <meta name="description" content="">
    <meta name="author" content="">

    <meta name="viewport" content="width=device-width">

    <link rel="stylesheet/less" href="less/style.less">
    <script src="js/libs/less-1.3.0.min.js"></script>

    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <script>window.html5 || document.write('<script src="js/libs/html5.js"><\/script>')</script>
    <![endif]-->
</head>

但我认为只要它在head中就重要了。

视口标记的最佳位置是什么

2 个答案: