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

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

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

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

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

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


当前回答

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

其他回答

大多数浏览器将简单地忽略颜色字符串中的任何非十六进制值, 以零取代非十六进制数字 。

chucknorris 翻译为 c00c00000。 在此点, 浏览器将把字符串分隔为三个等值的区块, 显示红色、 绿色和蓝色的值 : c00c0000000。 每个区块中的额外比特将被忽略, 这使得最终结果 c00000 , 即红色的颜色 。

注意,此选项不适用于 cs 颜色分解, 它符合 cs 标准 。

& lt; p> & lt; gt; 的颜色= 'chucknorris' & gt; redish< /font>< / p>; & lt; p> 的颜色= 'c00000'\gt; 等於 'lt; /font>;; /p> < / p>; lt; p> 的颜色='chucknorris; /fucknt>; /black</span> lt; /p>

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;

在遗留属性上分解颜色的规则涉及比现有答案中提到的步骤更多的步骤。

将所有字符全部丢弃,但最后的 8 个丢弃, 导致零 零 逐 1, 只要所有构件都有一个前零 丢弃, 所有字符除前 2 个全部丢弃

一些例子:

oooFoooFoooF
000F 000F 000F                <- replace, pad and chunk
0F 0F 0F                      <- leading zeros truncated
0F 0F 0F                      <- truncated to 2 characters from right

oooFooFFoFFF
000F 00FF 0FFF                <- replace, pad and chunk
00F 0FF FFF                   <- leading zeros truncated
00 0F FF                      <- truncated to 2 characters from right

ABCooooooABCooooooABCoooooo
ABC000000 ABC000000 ABC000000 <- replace, pad and chunk
BC000000 BC000000 BC000000    <- truncated to 8 characters from left
BC BC BC                      <- truncated to 2 characters from right

AoCooooooAoCooooooAoCoooooo
A0C000000 A0C000000 A0C000000 <- replace, pad and chunk
0C000000 0C000000 0C000000    <- truncated to 8 characters from left
C000000 C000000 C000000       <- leading zeros truncated
C0 C0 C0                      <- truncated to 2 characters from right

下面是算法的部分实施。它不处理错误或用户输入有效颜色的情况。

{/ / todo: 如果输入是“ ” 输入 = 输入. trim (); / / todo: 如果输入是“ 透明” / / todo: 如果输入是一个命名的颜色 / / todo: 如果输入匹配 rgb / / todo, 返回 rggb: 如果输入是“ 输入 ” , 则返回错误 rggb: 如果输入是“ 透明” / / todo : 如果输入是“ 透明” / / todo: 如果输入是“ 透明” / / todo : 返回相应的 rggb: 如果输入匹配 rgb / / todo: 返回 rggb: 如果输入匹配 rggb / / todo: 将 Unicode 代码点大于 u+ffff 替换为 00 (in. replace (/ {0- 9a- f)

浏览器试图将 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, 这是砖红色