为什么某些随机字符串在以背景颜色输入 html 时会产生颜色 ?

例如, bgcolor = "chucknorris" 产生红色背景 :

& lt; body bgcolor=" Chucknorris" & gt; 测试 & lt;/body>

反之, bgcolor = "chucknorr" 产生黄色背景 :

& lt; body bgcolor=" chucknorr" & gt; 测试 & lt;/body>

这在不同的浏览器和平台上都是如此。


当前回答

whatwg html 的规格有精确的算法来解析遗留颜色值 。

用于解析颜色字符串的经典代码网景为开源: 网景/ lib/ layout/ layimage. c。

例如,请注意,每个字符都以十六位数进行剖析,然后在不检查溢出的情况下转换为32位数整数。只有八个十六位数适合32位数整数,这就是为什么只考虑最后八个字符的原因。在将十六位数转换为32位数整数之后,它们会通过将其除以16,然后将其切成八位数整数,直到它们合为八位数,这就是为什么忽略了前位零。

此代码不完全匹配规格中所定义的内容, 但唯一的区别是几行代码。 我认为是添加了这些线( 在网景 4 中 ) :

if (bytes_per_val > 4)
{
    bytes_per_val = 4;
}

其他回答

浏览器试图将 Chucknorris 转换为十六进制颜色代码, 因为它不是一个有效的值 。

在 chucknorris 中, 除c 之外的所有字符都不是有效的十六进制值 。 所以它会被转换为 c00c000000。 它被分为 3, rg b 组( 结尾处为 0, 如果不是 3 的 乘以 3 ) 。 只有两个字符被选中, 因为它是允许的 。 它最终变成 c00000 , 红色的阴影 。

这似乎主要是与互联网探险家和歌剧(12)有关的问题,因为铬(31)和firefox(26)都忽略了这一点。

p.s. 括号中的数字是i 测试的浏览器版本。

Rajnikanth(印度的chuck noris)也与黑色的阴影对立:

000000000000000 *gt; 0a0000

在一个较轻的音符上

Chuck Norris不符合网络标准。 网络标准符合他的要求。

浏览器将尝试将 chucknorris 转换为十六进制值。 因为 C 是 chucknorris 中唯一有效的十六进制字符 。 由于 c 是 chucknorris 中唯一有效的十六进制字符, 值将转换为: c00c00000000( 0) 。 浏览器然后将结果分为三类 : 红 = c00c, 绿 = 0000, 蓝 = 0000. 。 因为 html 背景的有效十六进制值仅包含每个颜色类型( r, g, b) 的两位数字, 最后两位数字从每组中截取出来, 留下一个 rgb 值为 c000, 这是砖红色

Chucknorris 开头是c, 浏览器读取到十六进制值 。

a, b, c, d, d, e, 和 f 是十六进制字符 。

浏览器将 Chucknorris 转换为十六进制值, c00c000000。

然后将 c00c000000 十六进制值转换为 rgb 格式( 3) :

r:c00c, g.0000, b.0000

浏览器只需两位数字即可表示颜色 :

r: c0, g00, b0000 r: c0, b00 \ c000

最后,在网络浏览器中显示 bgcolor = c000。

以下是一个例子:

& lt; table> & lt; tr> & lt; td bgcolor= "chucknorris" 单元格布局= "10" 宽度="150" 匹配= "center"; chucknorris</ td> & lt; dbgc="c00c00000000" 单元格布局="10" 宽度="cer> c00c000000< / td> " & lt;

whatwg html 的规格有精确的算法来解析遗留颜色值 。

用于解析颜色字符串的经典代码网景为开源: 网景/ lib/ layout/ layimage. c。

例如,请注意,每个字符都以十六位数进行剖析,然后在不检查溢出的情况下转换为32位数整数。只有八个十六位数适合32位数整数,这就是为什么只考虑最后八个字符的原因。在将十六位数转换为32位数整数之后,它们会通过将其除以16,然后将其切成八位数整数,直到它们合为八位数,这就是为什么忽略了前位零。

此代码不完全匹配规格中所定义的内容, 但唯一的区别是几行代码。 我认为是添加了这些线( 在网景 4 中 ) :

if (bytes_per_val > 4)
{
    bytes_per_val = 4;
}

原因是浏览器无法理解它, 并试图将它转换为能理解的东西, 并在此情况下转换为十六进制值!...

Chucknorris 以 c 开头, 在十六进制中被识别的字符, 而且它正在将所有未识别的字符转换为 0 !

以十六进制格式的 chucknorris 变成: c00c000000, 所有其他字符都变成 0, c 仍然停留在他们的位置...

现在它们除以 3, rb( 红色, 绿色, 蓝色)... r: c00c, g: 0000, b: 00...

但我们知道对于 rgb 有效的十六进制只有两个字符, 意思是 r: c0, g: 00, bh.

因此,真正的结果是:

bgcolor="#c00000";

我还添加了图像中的台阶,作为您的快速参考: