您的位置:
首页
>
技术问答
>
在，其中第一个：或？ </a>
</div>
<div class="entry">
<div class="entry-head">
<h1 class="entry-title">
在<head>，其中第一个：<meta>或<title>？ </h1>
<div class="entry-info">
<span>
分类: <a href="//" target="_blank">
技术问答 </a>
</span>
<span class="dot">•</span>
<span>
2022-06-13 11:54:59 </span>
</div>
</div>
<div class="entry-content clearfix">
<div class="wenti_miaoshu">
<div class="ask_miaoshu">
问题描述：</div>
<p class="wenti_jieda">
<div class="post-offset">
<p>在头，首先：元或标题？<a>在<head>，其中第一个：<meta>或<title>？</a></p>
<p>我读这样的：</p>
<blockquote>
<p>这[元]标签应该在 HEAD部分的第一个，因为服务器 过程ASCII与 没有特定的格式上面的文字，它的唯一已知一旦标签被分析，即可得到 。</p>
</blockquote>
<p><a rel="noreferrer">http://www.xul.fr/en/html5/html.php</a></p>
<p>是否标准指定的顺序？</p>
<p>这两种顺序都有缺点吗？</p>
<!-- post info -->
<!-- comments -->
<div class="comments">
<div itemprop="comment" class="post-comment">
<div class="row">
<div class="col-lg-1"><span class="text-secondary">+0</span></div>
<div class="col-lg-11">
<p class="commenttext">没关系，但是我通常会先'<meta>'第一个 –
<span class="text-secondary">
<small>
<a rel="noopener">Seth</a></small></span>
<span>2011-04-06 20:22:39</span>
</p>
</div>
</div>
</div>
</div>
</div> </p>
</div>
<div class="wentijida_box">
<div class="wentijida_box_content">
<span class="answer-span">
答 </span>
<p>
<div class="post-offset">
<div class="answer fmt">
<p>由于所有其他答案已经表明，通常没有关系。这里有更多关于何时重要以及为什么。</p>
<p>首先，既然你问到的标准，你可能想知道你是引用的文本来自W3C的建议和HTML 4：</p>
<p><a rel="noreferrer">http://www.w3.org/TR/html4/charset.html#h-5.2.2</a></p>
<p>有在类似的讨论HTML标准草案5：</p>
<p><a rel="noreferrer">http://dev.w3.org/html5/markup/syntax.html#encoding-declaration</a></p>
<p>根本的问题在这里的是，浏览器必须使用一些字符集编码开始处理文档它从服务器接收。那么，如果从一个字符集开始，然后<code class="prettyprint-override"><meta></code>标签告诉它使用其他东西，会发生什么？答案是，这取决于...</p>
<p><em>服务器</em>应指定HTTP响应标头的<code class="prettyprint-override">Content-Type</code>字段中的字符集。如果确实如此，浏览器应该使用该字符集并忽略可能在被投放的文档中的<code class="prettyprint-override"><meta></code>标签中指示的任何字符集。</p>
<p>不幸的是，许多服务器不提供此信息。在这种情况下，浏览器必须假设一些事情开始。东西必须是“ASCII兼容的”，这意味着它与ASCII范围内的任何字符都符合ASCII。如果文档指定<code class="prettyprint-override"><meta></code>标签中的字符集，浏览器将开始使用该字符集。所以，如果您的标题在此之前出现，它已被解释为ASCII，这可能是错误的，具体取决于标题中的内容。总结一下：如果服务器没有指定编码，并且标题的编码方式不是ASCII，那么您需要首先将<code class="prettyprint-override"><meta></code>标记指定为<code class="prettyprint-override">charset</code>。否则，这并不重要。因此，为了安全起见，首先要为字符集设置<code class="prettyprint-override"><meta></code>标记。</p>
</div>
</div> </p>
</div>
</div>
<div class="wentijida_box">
<div class="wentijida_box_content">
<span class="answer-span">
答 </span>
<p>
<div class="post-offset">
<div class="answer fmt">
<p>标签的顺序几乎完全不相关。</p>
<p>该报价正在谈论<code class="prettyprint-override"><meta http-equiv="content-type"></code>。 <br> 如果您使用该标签，它应该先到达，以便浏览器知道使用哪种编码来解析文档的其余部分。</p>
<p>只要你之前没有任何非ASCII字符，它的位置并不重要。</p>
</div>
<!-- comments -->
<div class="comments">
<div itemprop="comment" class="post-comment">
<div class="row">
<div class="col-lg-1"><span class="text-secondary">+2</span></div>
<div class="col-lg-11">
<p class="commenttext">+1请注意，但是，如果服务器已经指定了它，内容类型将被忽略。我提供了一个更详细的答案。 –
<span class="text-secondary">
<small>
<span>2011-04-06 22:06:35</span>
</small>
</span>
</p>
</div>
</div>
</div>
<div itemprop="comment" class="post-comment">
<div class="row">
<div class="col-lg-1"><span class="text-secondary">+0</span></div>
<div class="col-lg-11">
<p class="commenttext">虽然你是第一个回答我的问题，乔尔提供了一个更详细的答案。我希望我可以将每个人的答案合并为一个并选择。感谢大家！ –
<span class="text-secondary">
<small>
<a rel="noopener">XP1</a></small></span>
<span>2011-04-07 20:25:21</span>
</p>
</div>
</div>
</div>
</div>
</div> </p>
</div>
</div>
<div class="wentijida_box">
<div class="wentijida_box_content">
<span class="answer-span">
答 </span>
<p>
<div class="post-offset">
<div class="answer fmt">
<p>在大多数情况下，根本无关紧要。通常我会先放<code class="prettyprint-override"><title></code>，但完全取决于您的偏好。</p>
</div>
</div> </p>
</div>
</div>
<div class="wentijida_box">
<div class="wentijida_box_content">
<span class="answer-span">
答 </span>
<p>
<div class="post-offset">
<div class="answer fmt">
<p>不要紧，除非你对付IE和要使用的<code class="prettyprint-override">X-UA-COMPATIBLE</code></p>
<pre><code class="prettyprint-override"><meta http-equiv="X-UA-Compatible" content="IE=7" />
</code></pre>
<p>这应该是在头部的第一个，如果是通过IE进行评估......（<em>否则它忽略它</em>）</p>
</div>
</div> </p>
</div>
</div>
<div class="wentijida_box">
<div class="wentijida_box_content">
<span class="answer-span">
答 </span>
<p>
<div class="post-offset">
<div class="answer fmt">
<p>@<a>Gaby aka G. Petrioli</a> -</p>
<p>很长一段时间，我也认为，“X-UA兼容” meta标签需要是第一位的，或者是由IE忽略。应该指出的是，<code class="prettyprint-override"><title></code>标签<em>可以</em>排名第一。 此外，IE兼容元标记之前不能有其他类型的标记（<code class="prettyprint-override"><link> or <script></code>）。</p>
<p>请参阅<a rel="nofollow noreferrer">https://msdn.microsoft.com/en-us/library/jj676915(v=vs.85).aspx</a>及注意事项：</p>
<blockquote>
<p>的X-UA-Compatible标头不区分大小写;但是，除<strong>标题元素和其他元元素</strong>之外的所有 其他元素之前，必须在网页标题（HEAD部分）中出现 。</p>
</blockquote>
<p>因此，继续与OP的问题的主题;再次，如果元标记是第一个还是标题标记是第一个，则无关紧要。唯一真正的警告是字符集元标记（如<a>Joel Lee</a>的<a>answer above</a>中所述）。</p>
<p>我想补充一点，一个坚实的做法是将字符集中继标记放置在<code class="prettyprint-override"><head></code>之后，紧接着是IE兼容元标记，然后是<code class="prettyprint-override"><title></code>。就像这样：</p>
<pre><code class="prettyprint-override"><head>
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<title>Cool Page</title>
</code></pre>
<p>生活在<code class="prettyprint-override"><head></code>可以按照<code class="prettyprint-override"><title></code>任何其他标记。</p>
</div>
</div> </p>
</div>
</div>
</div>
<div class="entry-footer">
<h3 class="entry-related-title">
相关推荐 </h3>
<ul class="entry-related clearfix">
<li>
<a href="/article/1262034.html" title="在<head>，其中第一个：<meta>或<title>？" target="_blank">
在<head>，其中第一个：<meta>或<title>？ </a>
</li>
<li>
<a href="/article/1262033.html" title="<thead>和<th>如果你看一下我所有的在表中的<code><thead></code>标签<code><th></code>标签，你可以看到，如果每个人都有自己的类不匹配表" target="_blank">
<thead>和<th>如果你看一下我所有的在表中的<code><thead></code>标签<code><th></code>标签，你可以看到，如果每个人都有自己的类不匹配表 </a>
</li>
<li>
<a href="/article/1262035.html" title="如何在<code>ajax.actionlink</code>的第一个参数显示在ajax.actionlink" target="_blank">
如何在<code>ajax.actionlink</code>的第一个参数显示在ajax.actionlink </a>
</li>
</ul>
</div>
</div>
</article>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="clearfix">
<div class="footer-col footer-col-copy">
<div class="menu">
<ul>
<a href="/mianze.html" target="_blank" title="网站免责声明">
网站免责声明 </a>
<a href="/sitemap.xml" title="网站地图">
网站地图 </a>
<a href="/yuanmazhijia/" title="最新文章">
最新文章 </a>
<a href="/yinsi/" title="用户隐私">
用户隐私 </a>
<a href="/banquan/" title="版权申明">
版权申明 </a>
</ul>
</div>
<div class="copyright">
本站所有数据收集于网络,如果侵犯到您的权益，请联系网站进行下架处理。 </a> <span title="" class="email-box"></span>
</p>
</div>
<div class="copyright">
<p>
Copyright © 2018-2021 Powered By <a href="/" title="源码之家" target="_blank">
源码之家 </a>
备案号： <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank" rel="nofollow">
粤ICP备20058927号 </a>
</p>
</div>
</div>
</div>
</div>
</footer>
<div class="action" style="top:80%;">
<div class="a-box gotop" id="j-top" style="display: none;"></div>
</div> <script type="text/javascript">
var _wpcom_js = {"ajaxurl":"","slide_speed":"5000"};
</script>
<script type="text/javascript" src="/statics/code456/js/main.js?v=1"></script>
</body>
</html>