在 HTML 中作为背景颜色输入时, 为什么某些随机字符串会产生颜色 ?
例如,bgcolor="chucknorris"
a 生产量a红色背景红背景:
<body bgcolor="chucknorris"> test </body>
相反,bgcolor="chucknorr"
a 生产量a黄色背景:
<body bgcolor="chucknorr"> test </body>
各种浏览器和平台都存在这种情况。
在 HTML 中作为背景颜色输入时, 为什么某些随机字符串会产生颜色 ?
例如,bgcolor="chucknorris"
a 生产量a红色背景红背景:
<body bgcolor="chucknorris"> test </body>
相反,bgcolor="chucknorr"
a 生产量a黄色背景:
<body bgcolor="chucknorr"> test </body>
各种浏览器和平台都存在这种情况。
当前回答
浏览器正在试图转换chucknorris
十六进制颜色代码,因为它不是一个有效的值。
chucknorris
,除c
不是一个有效的十六进制值。c00c00000000
.这似乎主要是与Internet 探索器和歌剧院(12) 因为铬(31)和Firefox(26)都忽略了这一点。
P.S. 括号中的数字是我测试过的浏览器版本。
同样,拉伊尼坎特(印度恰克·诺里斯) 和黑色的阴影相反:
000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000
在较轻的音符上
Chuck Norris不符合网络标准。 网络标准符合他的要求。 #BADA55
其他回答
浏览器正在试图转换chucknorris
十六进制颜色代码,因为它不是一个有效的值。
chucknorris
,除c
不是一个有效的十六进制值。c00c00000000
.这似乎主要是与Internet 探索器和歌剧院(12) 因为铬(31)和Firefox(26)都忽略了这一点。
P.S. 括号中的数字是我测试过的浏览器版本。
同样,拉伊尼坎特(印度恰克·诺里斯) 和黑色的阴影相反:
000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000
在较轻的音符上
Chuck Norris不符合网络标准。 网络标准符合他的要求。 #BADA55
缩略WHEWG HTML 规格有精确的算法用于解析遗留颜色值。
用于分析颜色字符串的 Netscape 经典代码是开源 :网外/流出/外派/外派/外派。 c.
例如,注意每个字符都以十六进制数字进行剖析,然后转换为32位整数未检查溢出溢出量。只有8个十六位数数字适合32位整数,这就是为什么只考虑最后8个字符的原因。在将六位数数字切换为32位整数之后,它们会通过将其除以16而将其切换为8位整数,直到将其切换为8位整数,这就是为什么忽略前位零的原因。
此代码不完全匹配规格中所定义的代码, 但唯一的区别是几行代码。 我想是的这些线条添加(在网景4中):
if (bytes_per_val > 4)
{
bytes_per_val = 4;
}
原因是浏览器可以不理解并试图将它转化为能理解的东西,
chucknorris
开始于c
在十六进进制中被识别的字符, 也正在将所有未识别的字符转换成0
!
苏chucknorris
六进制格式改为:c00c00000000
,所有其他字符成为0
和c
仍然在他们所在的地方...
现在他们被除以3RGB
(红色、绿色、蓝色)...R: c00c, G: 0000, B:0000
...
但是我们知道对RGB来说 有效的十六进制是两个字符 意思是R: c0, G: 00, B:00
因此,真正的结果是:
bgcolor="#c00000";
我还添加了图像中的步骤,作为你们快速参考:
c
中唯一有效的十六ex 字符巧克力诺瑞斯chucknorris,值转换为:c00c00000000
(无效的所有值为 0).Red = c00c
, Green = 0000
, Blue = 0000
.c00000
是一个砖灰色的灰色灰色色。与Twitter网站的延迟网网景天数 :
缺失的数字被作为 0[...] 处理。 不正确的数字被简单地解释为 0。 例如, 数值 # F0F0F0F0、 F0F0F0F0、 F0F0F、 # FxFxFxx和 FxFxFx都是相同的 。
是博客文章上写到的微软 Internet Explorer 的颜色解析包括不同颜色的长度等等。
如果我们在博客文章中适用规则,
将所有非合法的十六进制字符替换为 0 :
chucknorris becomes c00c0000000
切换为下个字符总数, 3 下个字符总数( 11 & 12) :
c00c 0000 0000
分成三个等式组,每个部分代表 RGB 颜色的相应颜色组成部分:
RGB (c00c, 0000, 0000)
将每个参数从右下移到两个字符。
最后,得出以下结果:
RGB (c0, 00, 00) = #C00000 or RGB(192, 0, 0)
以下是一个例子,bgcolor
在动作属性中,要生成此“ 映射” 颜色表 :
<table>
<tr>
<td bgcolor="chucknorris" cellpadding="8" width="100" align="center">chuck norris</td>
<td bgcolor="mrt" cellpadding="8" width="100" align="center" style="color:#ffffff">Mr T</td>
<td bgcolor="ninjaturtle" cellpadding="8" width="100" align="center" style="color:#ffffff">ninjaturtle</td>
</tr>
<tr>
<td bgcolor="sick" cellpadding="8" width="100" align="center">sick</td>
<td bgcolor="crap" cellpadding="8" width="100" align="center">crap</td>
<td bgcolor="grass" cellpadding="8" width="100" align="center">grass</td>
</tr>
</table>
这也回答了问题的另一部分:为什么bgcolor="chucknorr"
产生黄色颜色 ? 那么, 如果我们执行规则, 字符串是:
c00c00000 => c00 c00 000 => c0 c0 00 [RGB(192, 192, 0)]
这给出了浅黄色的金色。 当字符串以9个字符开始时, 我们保留了第二个“ C” 这一次, 因此它最终成了最后的颜色值 。
我最初遇到这个时 有人指出你可以做到color="crap"
然后,它从棕色出来。