`

Web文档编码的指定

阅读更多
Web开发中,文档常常指:(X)HTML文档、XML文档、CSS文档、js文档。指定文档编码的方式有以下几种:

HTTP Header中指定文档编码
在一个典型的HTTP响应头里,Content-Type的值中可以指定文档编码,如:
HTTP/1.1 200 OK
Date        Tue, 11 May 2010 04:09:22 GMT
Server      Apache
Content-Type    text/html; charset=gb2312

对于动态网页,用这种方式指定文档编码,在脚本中直接输出响应头即可:
header( 'Content-type: text/html; charset=gb2312' );

对于静态网页、CSS文件等,则需要在Apache等服务器中配置,例如:
AddType 'text/html; charset=gb2312' html


Content-Type meta元素中指定HTML文档编码
对于HTML文档(或当成HTML解析的XHTML文档),用这种方式指定文档编码,应在<head>标签 里的最上方,加入:
<meta http-equiv="Content-type" content="text/html; />


指定XML文档编码
对于XML文档,如果不指定编码,则一般会按照UTF-8来解析文档。指定编码的方式是在第一行加入:
<?xml version="1.0" encoding="gb2312"?>


HTML5的charset meta元素
我们潮一些,DOCTYPE为HTML5的文档,可以用带有meta标签的charset属性指定文档编码,类似于这 样:
<meta charset="gb2312">


用链接的charset属性指定编码
<a>, <link>, <script>元素都可以带有charset属性,用来指定目标文档的编码。例如:
详见:<a href="../index.html" charset="utf-8">老田的博客</a>。
但一般html的文档都采用其他方式指定编码,所以此方法常用于指定外部script脚本的文档编码,例如:
<script type="text/javascript" src="main.js" charset="gb2312"></script>


使用@charset指定CSS文档编码
如果CSS文档中存在非ASCII字符,为了不让浏览器费力去猜测编码,可以指定CSS文档的编码。一种方式是使用 @charset指定,在CSS文件的第一行:
@charset "utf-8";


编码指定方式的优先级
上述方式指定文档编码,会使用下面的优先级:
1. HTTP响应头的Content-Type
2. XML的首行声明
3. meta标签charset声明
4. 链接的charset属性

例如对于一个CSS文件,它的编码优先级会按照下面的顺序指定:
1. HTTP Content-Type
2. @charset rule
3. <link charset=”..” rel=”stylesheet” … />


总结
本文总结了Web文档(包括HTML, XHTML, XML, CSS, JS)的编码指定方式。比较常见的是(X)HTML文档中用meta标签指定编码,但优先级不如HTTP响应头高。外部js/css文件指定编码的方法也不尽相同,js文件用引用它的script tag charset attribute指定,css文件用文件开头的@charset指定。

分享到:
评论

相关推荐

    Web前端编码规范.doc

    HTML文档应使用H5的DOCTYPE声明,并指定UTF-8字符编码。lang属性用于提示语音和翻译工具。CSS和JS的引入应明确rel和type属性,文件名遵循一定的命名规则,JS文件推荐放在页面底部加载或异步加载。 在HTML的head部分...

    jsp页面文档编码问题

    它指定JSP文件在被JSP引擎读取和编译时所使用的字符编码。例如,`&lt;%@ page pageEncoding="UTF-8"%&gt;`声明JSP文件使用UTF-8编码。这是一个编译时的设定,它不会影响到最终发送到浏览器的内容,而是确保JSP引擎在处理...

    WEB前端编码规范

    WEB前端编码规范 一、规范目的 1. 提高团队协作效率。 2. 便于前端开发以及后期优化维护。 3. 方便新进成员快速上手。 4. 输出高质量的代码。 5. 符合web标准,语义化HTML,结构表现行为分离,兼容性优良。 6. 代码...

    Web前端开发简易规范文档

    Web前端开发简易规范文档是指导Web前端开发人员遵循的一套标准和最佳实践,...综上所述,这个Web前端开发简易规范文档提供了一套清晰的指导,帮助开发者遵循良好的编码习惯,以实现高效、整洁和易于维护的前端项目。

    语音识别(ASR)HTTP协议WebAPI开发文档1

    【语音识别(ASR)HTTP协议WebAPI开发文档1】主要介绍了如何利用HTTP协议实现语音识别功能,适用于开发者集成到各类应用中。该服务由北京大牛儿科技发展有限公司提供,具有轻量、跨平台、跨开发语言的优势。 **接口...

    嵌入式主机web API文档.docx

    本文档详细介绍了如何通过Web API来操作和配置设备的各项功能,包括编码、输入、互动、控制以及网络等关键模块。 1. **编码配置**: - **获取编码配置**:这一部分的API允许开发者获取设备的编码参数,如编码类型...

    web.xml配置参考文档-CHM格式--JAVA WEB开发必备参考文档

    《web.xml配置参考文档》是Java Web开发中的核心参考资料,主要涵盖了如何在Web应用程序中进行配置的详尽指南。此文档以CHM(Compiled Help Manual)格式提供,便于开发者快速检索和查阅。对于任何涉及Java Web、JSP...

    cxf使用中编码问题

    2. **XML文档编码**:CXF作为基于SOAP的服务,很多交互都是通过XML进行的。XML文件头通常会声明其编码,如`&lt;?xml version="1.0" encoding="UTF-8"?&gt;`。如果声明的编码与实际编码不符,解析时也会出错。 3. **数据库...

    web编码问题小结.doc

    本文档《web编码问题小结》详细总结了Java开发中可能遇到的各种编码问题及其解决方案,覆盖了数据库、Cookie、静态页面、POST与GET请求等多种场景。 #### 数据库的中文问题 数据库的中文问题主要源于数据库与应用...

    Java Web Office 文档在线编辑

    ### Java Web Office 文档在线编辑知识点详解 #### 一、技术背景与应用场景 在现代办公环境中,能够在线编辑Office文档(如Word、Excel、PPT等)的需求日益增多。传统方式下,用户需要将文件下载到本地进行编辑后...

    WEB前端开发规范文档

    综上所述,**WEB前端开发规范文档**不仅明确了开发过程中的技术细节,还强调了良好的编码习惯和项目管理的重要性。遵循这些规范,不仅能提高代码质量,还能显著提升项目的整体性能和用户体验。此外,它还鼓励开发者...

    语音合成(TTS)HTTP协议WebAPI开发文档1

    【语音合成(TTS)HTTP协议WebAPI开发文档1】主要介绍了如何利用HTTP协议实现文本到语音(TTS)的转换服务。此服务允许开发者通过轻量级的HTTP API进行跨平台、跨语言的集成,提供了高效且灵活的调用方式。 首先,...

    机器翻译(MT)WebSocket协议WebAPI开发文档1

    本文档详细介绍了如何使用WebSocket协议开发机器翻译(MT)WebAPI。WebSocket API为开发者提供了轻量、跨平台、跨开发语言的机器翻译能力,使得源语种的文字能够被转换成目标语种。以下是对关键知识点的详细说明: ...

    JavaScript web转word文档

    文档现在包含了所有必需的信息,并被正确地保存到了指定的位置。 #### 三、注意事项 - **兼容性问题**:由于使用了`ActiveXObject`,这种方法只适用于Internet Explorer浏览器。对于其他浏览器,可能需要使用不同...

    文件编码转换器

    5. 转换过程:转换器会将源文件的文本内容按指定的编码规则重新编码,并保存为新文件。 6. 错误处理:在转换过程中,如果遇到无法识别的字符(通常是由于源文件编码错误或不完整),转换器会尝试进行最佳猜测或提供...

    Sybase ASE 15.7 开发文档:Web 服务用户指南

    未映射 RPC/ 编码 Web 方法 .......... 62 文档 / 文字结果被截断 .......... 62 启动 ASE Web 服务引擎 .......... 63 定位 WSDL .......... 63 指定 ws.properties 中的条目 .......... 63 Windows NT 命令行参数 ...

    图像识别(OCR)HTTP协议WebAPI开发文档1

    【图像识别(OCR)HTTP协议WebAPI开发文档1】主要涉及了如何利用HTTP协议进行OCR(Optical Character Recognition,光学字符识别)服务的调用,该服务能够将图像中的文字转化为可编辑的文本。以下是对相关知识点的...

    语音合成(TTS)WebSocket协议WebAPI开发文档1

    在发送数据时,可能需要指定语音的语种(language)、采样格式(sample_format)、音频编码(audio_encode)以及发言人(voice_name)等属性,以定制合成的语音效果。例如,sample_format可以设定为'audio/L16;rate=...

    WEB前端编码规范.docx编程资料

    ### WEB前端编码规范知识点 #### 一、HTML标准概述 HTML是一种标记语言,主要用于构建网页内容,虽然不具备传统编程语言的复杂控制结构,但其格式和风格对于代码的可读性和可维护性至关重要。 #### 二、HTML大小...

    WebOffice表单中参数乱码解决办法

    在IT领域,尤其是在Web开发与文档处理的交集部分,WebOffice作为一个强大的工具,被广泛应用于将Microsoft Word文档嵌入到网页中进行编辑、查看和管理。然而,在使用WebOffice处理来自不同编码环境的数据时,参数...

Global site tag (gtag.js) - Google Analytics