Question

好的，我正在为我的AS级别编写电子书，我插入了一些文字，但有一个问题，我想知道是否有人知道如何解决这个问题。我正在使用notebook ++进行所有编码。

CSS：

p {
    font-family: Arial, Halvetica, sans-serif;
    font-size: 17px;
    padding: 10px;
}

TEXT：

-can't
-"friends list"

当我加载网站时，这些单词看起来像这样：

-canâ€™t
-â€~friend listâ€™

Answer 1

您已在Notepad ++中将文件保存为没有BOM的UTF-8。打开文件并将其保存为“UTF-8”，这意味着UTF-8带有BOM（字节顺序标记）。此外，在head部分的开头添加以下标记：

<meta charset="utf-8" />

（使用此XHTML语法，因为电子书格式基于XHTML）。

不幸的是，这可能还不够。某些版本的IE优先于BOM上的HTTP标头，这与HTML5规范所说的相反。这意味着您应该检查标题，例如使用Rex Swain的HTTP Viewer。如果Content-Type标头包含除charset以外的utf-8参数值，则需要a）将该值更改为utf-8，其方式取决于服务器软件和管理，或b）失败，改变你的页面使用标题中声明的编码;在Notepad ++中，你可以使用Convert命令转换为ANSI（这里的意思是windows-1252） - 但是如果windows-1252指令表外有字符，你需要在之前将它们更改为字符引用这样的转换。

你的内容实际上有“聪明”的引用：
不能
“朋友列表”
这很好。但是当UTF-8编码的“智能”引号被误解为windows-1252编码时，结果就是问题所显示的。这可能是由于meta标记或声明了Windows-1252的HTTP标头或由于未声明其字符编码的文档的浏览器默认值而发生的。

注意：此处不涉及CSS。问题只是HTML编码的字符编码。当浏览器在修复后开始实际呈现它们时，CSS会对“智能引号”的视觉外观（样式）产生影响。

CSS问题与文本

1 个答案: