HTML爲何認爲「 chucknorris」是一種顏色？

時間 2021-04-11

標籤 html 前端瀏覽器 babel ide post spa code xml htm 欄目 HTML 简体版

原文原文鏈接

在HTML中做爲背景色輸入時，某些隨機字符串如何產生顏色？例如：html

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

...在全部瀏覽器和平臺上產生背景爲紅色的文檔。前端

有趣的是，雖然chucknorri也會產生紅色背景，但也會chucknorr產生黃色背景。瀏覽器

這裏發生了什麼？babel

解決方案：ide

大多數瀏覽器將只忽略顏色字符串中的任何非十六進制值，而將非十六進制數字替換爲零。post

ChuCknorris轉換爲c00c0000000。此時，瀏覽器會將字符串分爲三個相等的部分，分別指示Red，Green和Blue值：c00c 0000 0000。每一個部分中的多餘位都將被忽略，從而使最終結果#c00000爲帶紅色的顏色。spa

請注意，這並不能適用於CSS顏色解析，它遵循CSS標準。code

<p><font color='chucknorris'>Redish</font></p> <p><font color='#c00000'>Same as above</font></p> <p><span style="color: chucknorris">Black</span></p>

本文首發於前端黑洞網，博客園同步跟新

相關標籤/搜索