html - 为文本的每个字符指定不同颜色的最小 HTML/CSS

Question

我需要为 HTML 页面中文本的每个字符指定不同的颜色。文本很长，生成的 HTML 文件大小应尽可能小。换句话说，使用的颜色格式标签应该尽可能少。您建议如何执行此任务？

Answer 1

您需要将每个字符包装在一个元素中，所以看起来最少的代码是这样的

<a style=color:#123456>x</a>

或者替代地

<font color=#123456>x</font>

对于每个字符 x。代码长度相等，但在后者中，数字符号“#”实际上可以省略(省略它是错误的，但根据浏览器惯例和 HTML5 草案，错误处理有效地暗示了 # 前提是该值不构成浏览器已知的颜色名称。这是有风险的，所以我会选择第一个。

如果颜色实际上并不完全不同但可能重复，则使用

<a class=¿>x</a>

与 CSS 定义一起

.¿{color:#123456}

可能会导致更短的代码。然后你需要一个类名生成器；您可以将类名称保留为单个字符，但需要注意确保类选择器符合 CSS 语法。