- PVSM.RU - https://www.pvsm.ru -

Почему HTML считает, что «chucknorris» — это цвет?

image

Вы никогда не пробовали задавать цвет фона в HTML при помощи разных строк? Например, строка

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

сделает фон документа красным во всех браузерах и на всех платформах (jsfiddle [1]).

Кстати, если слово chucknorri тоже приводит к красному цвету, то chucknorr дает желтый!

Стало интересно, почему так происходит? Добро пожаловать под кат.

Оказывается, так заведено еще со времен популярности Netscape:

Пропускаемые цифры распознаются как 0[...]. Некорректные символы распознаются как 0. Так что, например, значения #F0F0F0, F0F0F0, F0F0F, #FxFxFx и FxFxFx – одно и то же.

Подробнейший разбор алгоритма разбора приведен по ссылке [2]. Если применить эти правила, то получим следующее:

  • Заменяем все неправильные шестнадцатеричные символы нулями 0, chucknorris превращается в c00c0000000
  • “Добиваем” число нулями до количества знаков, делимого на 3 (11 -> 12), получаем
    c00c 0000 0000
  • Разбиваем на три группы, каждая из которых отвечает за одну компоненту RGB:
    RGB (c00c, 0000, 0000)
  • Обрезаем каждый из аргументов справа, оставляя 2 символа, и получаем наш результат
    RGB (c0, 00, 00) = #C00000 или он же RGB(192, 0, 0).

Вот и получаем мы следующее (jsfiddle [3]):

image

Кстати, похоже, что в CSS спецификацию все-таки изменили, так что неправильные имена цветов попросту игнорируются:

<p><font color='chucknorris'>Красный</font></p>
<p><font color='#cc0000'>И тут тоже красный</font></p>
<p><span style="color: chucknorris">Черный!</span></p>

P.S. GangnamStyle, естественно, тоже сработает.
По мотивам Stackoverflow [4].

Автор: HotWaterMusic

Источник [5]

Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/html/30029

Ссылки в тексте:

[1] jsfiddle: http://jsfiddle.net/rBpVD/

[2] ссылке: http://scrappy-do.blogspot.com/2004/08/little-rant-about-microsoft-internet.html

[3] jsfiddle: http://jsfiddle.net/Qt4yN/95/

[4] Stackoverflow: http://stackoverflow.com/questions/8318911/why-does-html-think-chucknorris-is-a-color

[5] Источник: http://habrahabr.ru/post/173727/