`
deng131
  • 浏览: 672827 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

html 页面指定 Content-Type

阅读更多
经常遇到页面显示文字乱码问题,大多数是由于字符编码问题导致。
通常设置
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

在页面<head>头指定字符charset=utf-8等编码方式。

Always declare the encoding of your document. Use the HTTP header if you can. Always use an in-document declaration too.
Setting the character encoding should be done in the Content-Type http header, but can also be set with the <meta charset> attribute.
The charset specified in the meta element and http header must match.


查看了大多主流网站首页都将<meta http-equiv="Content-Type" content="text/html; charset=utf-8">放在<meta>标签下第一行,是为了在html页面在解析过程中先指定文档编码方式,防止浏览器自动检测使用何种方式,加快页面查找时间。

In order for all browsers to recognize a <meta charset> declaration, it must be

* Within the <head> element,
* Before any elements that contain text, such as the <title> element, AND
* Within the first 512 bytes of your document, including DOCTYPE and whitespace

百度:
<head>
	<meta content="text/html;charset=gb2312" http-equiv="Content-Type">
	<title>百度一下,你就知道</title>
</head>

QQ:
<head>
	<meta content="text/html;charset=gb2312" http-equiv="Content-Type">
	<meta content="IE=EmulateIE7" http-equiv="X-UA-Compatible">
	<title>腾讯首页</title>...
</head>

Yahoo
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Yahoo!</title>
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
</head>

Taobao
<head>
     <meta charset="gbk">
     <title>淘宝网 - 淘!我喜欢</title>
</head>


参考:
http://code.google.com/intl/zh-CN/speed/page-speed/docs/rendering.html#SpecifyCharsetEarly
http://www.cnblogs.com/EWall/archive/2011/04/28/2031744.html
http://www.w3.org/International/tutorials/tutorial-char-enc/
http://code.google.com/p/doctype/wiki/MetaCharsetAttribute
http://htmlpurifier.org/docs/enduser-utf8.html
http://www.cherny.com/webdev/103/the-ie-8-x-ua-compatible-meta-tag
分享到:
评论

相关推荐

    Content-Type的一张表

    压缩包中的文件名为“找了好久找到的关于Content-Type的一张表__就这样每一天~寻找刺激 -.mht”,MHT(MIME HTML)是一种单个文件的Web页面存储格式,它将HTML内容、图像和其他资源组合在一个文件中。这个文件很可能...

    php中header设置常见文件类型的content-type

    1. HTML页面:通常使用的Content-Type是"text/html",编码通常设置为UTF-8。示例如下: ```php header('Content-Type: text/html; charset=utf-8'); ``` 2. CSS样式表:对应的MIME类型是"text/css"。示例如下: ...

    JSP页面缓存的简单实现 (可用于 content-type 为字符类型的JSP页面).zip

    服务器端缓存是指在服务器上存储预生成的HTML页面,当收到请求时,直接返回缓存的页面,而无需再次执行JSP。客户端缓存则通过设置HTTP响应头中的Cache-Control和Expires字段,让浏览器在指定时间内保存页面副本,...

    JSP/XML中的contextType大全

    在AJAX(Asynchronous JavaScript and XML)请求中,`Content-Type`主要用于指定发送到服务器的数据类型。例如,当发送JSON数据时,`Content-Type`应该设置为`application/json`;如果是表单数据,则通常使用`...

    Content-type的说明即HTTP请求头的类型整理

    1. Text:这是用于表示文本信息的类型,如常见的text/html(HTML页面)和text/plain(纯文本)。 2. Multipart:用于组合多个不同类型的部件,比如在邮件中附带附件时,可以使用multipart/mixed。 3. Application:...

    tomcat编码问题

    在JSP页面中,可以通过`&lt;%@ page ... %&gt;`指令来指定页面的字符编码,例如: ```jsp &lt;%@ page contentType="text/html;charset=GBK" %&gt; ``` 这将确保JSP输出的内容按照GBK编码进行处理。 5. **JavaBean和转换...

    浏览器不解析HTML代码,浏览器访问网页直接显示HTML代码,而不是将HTML代码解析出来形成网页. 怎么解决.zip

    原因:后台代码有错+header指定的mime类型是json.png"所示,如果服务器将MIME类型错误地设置为"application/json"或其他非HTML类型,浏览器就会认为接收到的是非HTML数据,导致直接显示代码而不是渲染页面。...

    FixContentType

    例如,上传一个图片文件时,需要指定`Content-Type:image/*`。若设置错误,可能会导致服务器无法识别文件,影响后续处理。 3. **API接口设计**:在RESTful API设计中,`Content-Type`请求头用于指定发送到服务器的...

    mime邮件-mime邮件头介绍

    例如,服务器通过`Content-Type`头告诉浏览器返回内容的类型,如`Content-type: text/html`表示返回的是HTML页面,或者`Content-type: image/jpeg`表示返回的是JPEG图像。 MIME类型分为多个类别,每个类别都有其...

    网页HTML代码中Meta标签详解.pdf

    这两个Meta标签定义了HTML页面所使用的字符集为GB2132,就是国标汉字码。如果将其中的“charset=GB2312”替换成 “BIG5” ,则该页面所用的字符集就是繁体中文Big5码。 2. Refresh Refresh用于让网页多长时间(秒...

    Python正则表达式匹配HTML页面编码

    html页面一般都会指定一个编码,如何获取到是处理html页面的第一步,因为错误的编码必然带来后面处理的问题。这里我用python的正则表达式写了个: import re a = ["&lt;meta ...

    解决网爬工具爬取页面信息出现乱码的问题_asp.net技巧.doc

    `Content-Type`中包含了`charset`属性,用于指定字符集,例如`Content-Type: text/html; charset=UTF-8`。而HTML文档中`&lt;meta&gt;`标签的`http-equiv`属性为`Content-Type`,其`content`属性则包含了字符集信息。 在...

    Java Web应用开发 22 课堂案例-使用response设置响应头属性.docx

    这样,浏览器接收到这个响应后,由于Content-Type不再是HTML,而是Word文档,所以会提示用户下载并保存文件,而不是尝试在浏览器中渲染。 这个案例展示了`response`对象在实际开发中的应用,特别是在处理用户交互和...

    各国字符集-http编码

    &lt;meta http-equiv="Content-Type" content="text/html; charset=windows-1251"&gt; ``` 上述代码明确指定了文档的字符集为`windows-1251`。 如果上述两种情况都没有指定字符集,则浏览器将使用用户的默认设置来进行...

    HTML中meta详解

    - `Content-Type`: 定义文档类型和字符编码,例如`&lt;meta http-equiv="Content-Type" content="text/html;charset=utf-8"&gt;`,这里的`utf-8`是字符集。 - `Content-Language`: 指定页面的语言,如`&lt;meta http-equiv=...

    PHP乱码问题,UTF-8乱码常见问题小结

    一、HTML页面转UTF-8编码问题 1. HTML元标签设置:在HTML文档的`&lt;head&gt;`标签之后,`&lt;title&gt;`标签之前添加`&lt;meta&gt;`标签,声明页面的字符编码为UTF-8: ```html &lt;meta http-equiv='Content-Type' content='text/html...

    html页面模式get/post请求

    'Content-Type': 'application/json' // 设置请求头,表明数据类型为JSON }, body: jsonPayload // 设置请求体 }) .then(response =&gt; response.json()) // 处理响应 .then(data =&gt; console.log(data)) .catch...

    HTML1114 (HTTP 标头)的代码页 gb2312 覆盖(META 标记)的冲突的代码页 utf-8

    - **谷歌和火狐浏览器**: 这两个现代浏览器通常会根据`&lt;meta&gt;`标签中的声明来解析网页,因此即使HTTP响应头中的`Content-Type`字段与之不一致,它们也能正确解析和显示页面内容。 - **IE11浏览器**: IE11遵循了更为...

Global site tag (gtag.js) - Google Analytics