首页 > 小程序教程 > 为什么随机字符串在 HTML 中作为背景颜色输入时会产生颜色

为什么随机字符串在 HTML 中作为背景颜色输入时会产生颜色

上一篇 下一篇

为什么随机字符串在 HTML 中作为背景颜色输入时会产生颜色?也就是不是颜色代码,也能输出颜色代码,比如说,

bgcolor="chucknorris"产生一个红色的背景:

<body bgcolor="chucknorris"> test </body>

恰恰相反, bgcolor="chucknorr"产生一个黄色的背景:

<body bgcolor="chucknorr"> test </body>

这在不同的浏览器和平台上都适用?

答案观点一:

原因是浏览器无法理解它,并试图以某种方式将其转换为它能理解的内容,在这种情况下转换为十六进制值!…

查克诺里斯以十六进制中可识别的字符 c 开始,它还将所有未识别的字符转换为0!

所以十六进制格式的 chucknorris 变成: c00c00000000,所有其他字符变成0,c 保持它们原来的位置..。

现在它们被3除以 RGB (红,绿,蓝) … R: c00c,G: 0000,B: 0000..。

但是我们知道 RGB 的有效十六进制只有2个字符,表示 R: c0,G: 00,B: 00

所以真正的结果是:

bgcolor="#c00000";

答案观点二:

缺失的数字被视为0[ … ]。不正确的数字被简单地解释为0。例如,值 # F0F0F0、 F0F0F0、 F0F0F、 # FxFxFx 和 FxFxFx 都是相同的。

它来自博客文章关于 Internet Explorer 的颜色解析的一些抱怨,其中包含了很多细节,包括不同长度的颜色值,等等。

如果我们依次应用博客文章中的规则,我们会得到以下结果:

  1. 将所有无效的十六进制字符替换为0:

    chucknorris becomes c00c0000000
    
  2. 把下一个可被3(11→12)整除的字符总数填满:

    c00c 0000 0000
    
  3. 分成三个相等的组,每个组成部分代表 RGB 颜色的相应颜色组成部分:

    RGB (c00c, 0000, 0000)
    
  4. 将每个参数从右向下截断为两个字符。

    最后得出如下结论:

RGB (c0, 00, 00) = #C00000 or RGB(192, 0, 0)

下面的示例演示了 bgcolor 属性的作用,以生成这个“惊人的”颜色样本:

<table style="width:100%">
  <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 = “ chuck norr”会产生黄色?那么,如果我们应用规则,字符串是:

C00c00000 = > c00c00000 = > c0c0000[ RGB (192,192,0)]

这使得它呈现出浅黄色的金色。由于字符串的开头是9个字符,所以这次我们保留了第二个“ C”,因此它最终以最终的颜色值结束。

我最初遇到这种情况是因为有人指出,你可以用 color = “ shit”,结果是棕色。

 

模板简介:该模板名称为【为什么随机字符串在 HTML 中作为背景颜色输入时会产生颜色】,大小是暂无信息,文档格式为.html,推荐使用Sublime/Dreamweaver/HBuilder打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。

相关搜索
  • 下载密码 lanrenmb
  • 下载次数 452次
  • 使用软件 Sublime/Dreamweaver/HBuilder
  • 文件格式 html
  • 文件大小 暂无信息
  • 上传时间 01-10
  • 作者 网友投稿
  • 肖像权 人物画像及字体仅供参考
栏目分类 更多 >
热门推荐 更多 >
微信模板 响应式 微信图片 单页式简历模板 微信素材 html5 微信公众平台 自适应 微信文章 企业网站
您可能会喜欢的其他模板