为什么HTML认为“chucknorris”是一种颜色?
在HTML中作为背景颜色输入时,某些随机字符串如何产生颜色? 例如:
<body bgcolor="chucknorris"> test </body>
这是Netscape时代的延续:
丢失的数字被视为0 [...]。 不正确的数字被简单地解释为0.例如,值#F0F0F0,F0F0F0,F0F0F,#FxFxFx和FxFxFx都是相同的。
它来自博客文章关于Microsoft 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>
我很抱歉不同意,但根据@Yuhong Bao发布的遗留色彩值的解析规则, chucknorris
并不等同于#CC0000
,而是等同于#C00000
,这是一种非常相似但略有不同的红色。 我使用Firefox ColorZilla插件来验证这一点。
规则规定:
chucknorris0
chuc knor ris0
ch kn ri
C0 00 00
我能够使用这些规则来正确解释以下字符串:
LuckyCharms
Luck
LuckBeALady
LuckBeALadyTonight
GangnamStyle
更新:原来那些说CCMN颜色的#CC0000
已经编辑了他们的答案,以包含更正。
大多数浏览器会忽略颜色字符串中的任何非十六进制值,用非零十六进制数字替换零。
ChuCknorris
翻译为c00c0000000
。 此时,浏览器会将字符串分成三个相等的部分,表示红色,绿色和蓝色值: c00c 0000 0000
。 每个部分中的额外位将被忽略,这使最终结果#c00000
是一种微红的颜色。
请注意,这不适用于遵循CSS标准的CSS颜色分析。
<p><font color='chucknorris'>Redish</font></p>
<p><font color='#c00000'>Same as above</font></p>
<p><span style="color: chucknorris">Black</span></p>
链接地址: http://www.djcxy.com/p/87363.html