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

发布于 2024-11-07 22:37:01 字数 327 浏览 1 评论 0原文

我正在开发一个框架，该框架使用图像控制器从 webroot 外部的目录加载所有图像，其中包括 CSS 中使用的图像。例如：

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

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

原文

I'm working on a framework that uses an image controller to load all images from a directory outside the webroot, and this includes images used within the CSS. Eg:

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

This seems to work ok, but my xhtml validator doesn't like the ampersand usage in the CSS, and using & instead doesn't work at all. So would anyone know if it is legal to use an ampersand like this in the stylesheets? If not, is there any other way to accomplish the same image request?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

丑疤怪 2024-11-14 22:37:01

仅当您针对 XHTML 文档类型进行验证时，验证器才会发出警告。在

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

但是，如果您的样式必须驻留在

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

/* Your CSS here */

/* ]]> */
</style>

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

请注意，CDATA 节分隔符只是 和 ]]>；它们被包裹在 /* CSS 注释 */ 中，因此浏览器不会尝试将它们解释为 CSS。

XHTML 中的 CDATA 部分由规范涵盖。

The validator will complain only if you're validating against an XHTML doctype. Having unescaped HTML characters within <style> and <script> elements should still be considered valid in normal HTML (both 4.01 and 5).

The ideal solution is to move your CSS to an external stylesheet and include it using a <link> or an @import.

If your styles must reside in <style> tags, though, you can add CDATA sections within your <style> tags:

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

/* Your CSS here */

/* ]]> */
</style>

This will cause all HTML special characters within that section to be treated literally, and your XHTML document to validate.

Note that the CDATA section delimiters are just <![CDATA[ and ]]>; they're wrapped in /* CSS comments */ so browsers don't try to interpret them as CSS.

CDATA sections in XHTML are covered by the spec.

回复收藏 0 原文

~没有更多了~