html - 如何在 XHTML 文档中使用 CSS 中的符号并仍然有效？

Question

我正在开发一个框架，该框架使用图像 Controller 从 webroot 之外的目录加载所有图像，这包括 CSS 中使用的图像。例如:

background: #FFF url(example.org/index.php?sect=loadimg&img=branding.jpg) top left repeat-x;

这似乎工作正常，但我的 xhtml 验证器不喜欢 CSS 中的符号用法，而使用 & 根本不起作用。那么有人知道在样式表中使用这样的符号是否合法吗？如果没有，是否有其他方法可以完成相同的图片请求？

Answer 1

仅当您针对 XHTML 文档类型进行验证时，验证器才会提出异议。在 <style> 中有未转义的 HTML 字符和 <script>元素在普通 HTML 中仍应被视为有效(4.01 和 5)。

理想的解决方案是将您的 CSS 移动到外部样式表并使用 <link> 包含它。或 @import .

如果您的样式必须驻留在 <style> 中标签，但是，您可以在 <style> 中添加 CDATA 部分标签:

<style type="text/css">
/* <![CDATA[ */

/* Your CSS here */

/* ]]> */
</style>

这将导致该部分中的所有 HTML 特殊字符按字面意思处理，并验证您的 XHTML 文档。

请注意，CDATA 部分分隔符只是 <![CDATA[和 ]]> ;它们被包裹在 /* 中CSS 注释 */所以浏览器不会试图将它们解释为 CSS。

XHTML 中的 CDATA 部分是 covered by the spec .