我应该为移动网站使用啥字符编码元标记?

Posted

技术标签:

【中文标题】我应该为移动网站使用啥字符编码元标记?【英文标题】:What character encoding meta tag should I use for a mobile website?我应该为移动网站使用什么字符编码元标记? 【发布时间】:2011-09-30 18:48:52 【问题描述】:

我正在为移动网站使用 html5 文档类型。

我通常使用以下内容:

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

但是,我读到 http-equiv 在 html5 中已被弃用。

我看到 jquery 移动演示/文档正在使用(奇怪的是它的格式不正确):

<meta charset="utf-8">

但是,我还在http://www.html-5.com/metatags/index.html 上读到(不确定这是否是权威)“不应再使用该标签,因为它仅支持从 xHTML 迁移的目的。”

更新

我搜索了一个类似的问题,但没有找到任何东西,但谷歌搜索出现了以下内容:

<meta charset="utf-8"> vs <meta http-equiv="Content-Type">

【问题讨论】:

看起来你已经决定使用 UTF-8 了——这是一个棘手的问题吗? @Kerrek,不!更准确地说,我想问题是使用什么元标记(标题已更新)。 呵呵,好东西。好吧,根据the W3C 的说法,这两行都可以,因此将它们都放入其中可能不会造成任何伤害。还要确保您的服务器配置正确,并且您应该没有任何问题。跨度> 添加了一些关于历史的信息以及它为什么起作用 【参考方案1】:

两者都将通过 w3c 验证器,我更喜欢使用 meta charset="utf-8",因为如果没有别的,它会更短。

【讨论】:

【参考方案2】:

两者都是正确的,但这是在 HTML5 中声明文档编码的首选方式。

<meta charset="utf-8" />

【讨论】:

【参考方案3】:

基本上开发人员(不是我 :D)开始忘记引号......

<meta http-equiv=Content-Type  content=text/html; charset=utf-8 />

所以浏览器变得聪明地接受上述语法,即使它不是无效的。事实上,浏览器会做一些非常疯狂的事情来确定文档类型(尤其是 IE)。

如果你看上面的例子,你会发现charset 看起来像一个属性,如果你删除剩余的属性......你会得到

<meta charset="utf-8">

它 100% 向后兼容.... :D

【讨论】:

以上是关于我应该为移动网站使用啥字符编码元标记?的主要内容,如果未能解决你的问题,请参考以下文章

如何使我的网站对移动设备更敏感?

移动网站标记标签?

响应式网站在移动浏览器中看起来不同

在 Android 手机的移动网站上禁用缩放

移动网站 - 视口取决于设备宽度

新网站使用哪种标记语言? (桌面和移动)