html - 带有字体系列的转义引号

Question

我想使用字体系列 CSS

<div style="font-family:"Times New Roman", Times, serif"> Hello world! </div>

对于字体系列“Times New Roman”，我应该转义引号吗？或者我可以在没有引号的情况下使用它吗？

Answer 1

使用单引号：

<div style="font-family: 'Times New Roman', Times, serif"> Hello world! </div>

或者（感谢@Matt）：

<div style='font-family: "Times New Roman", Times, serif'> Hello world! </div>

Answer 2

在 HTML 中的属性值中，您不能在值中使用值的分隔符，原因很明显：在 中style="font-family:"Times New Roman", Times, serif"，第二个引号终止了值，因此只有属性style="font-family:"后跟构成语法错误的内容。

有几种方法可以解决这个问题。

1) 可以使用实体引用来编写分隔符"，例如

style="font-family:"Times New Roman", Times, serif"

2）如果值包含双引号，您可以使用不同的分隔符，即单引号：

style='font-family:"Times New Roman", Times, serif'

3) 根据属性值的性质，可能在值内使用另一个字符。在这种情况下，由于值是 CSS 代码并且 CSS 也接受单引号，因此您可以编写：

style="font-family:'Times New Roman', Times, serif"

4) 根据属性值的性质，可能会省略值内的字符。在这种情况下，由于值中引用的字符串是 CSS 中的字体名称，并且在像这样的简单情况下不需要引号（与流行的看法相反），您可以编写：

style="font-family:Times New Roman, Times, serif"

最后，您可以通过使用外部样式表或至少一个style元素来避免此问题，而不是在属性中编写 CSS 代码。

Answer 3

使用单引号

<div style='font-family:"Times New Roman", Times, serif'> Hello world! </div>