Blink (HTML)

<blink> — нестандартный HTML-элемент, использовавшийся для создания мигающего текста.

Элемент впервые появился в браузере Netscape Navigator. Помимо Netscape Navigator и его преемника Mozilla Firefox, элемент поддерживался в Opera; поддержка в Mozilla Firefox была убрана в 23-й версии, поддержка в Opera — в 16-й версии (обе выпущены в августе 2013 года).

История

Происхождение

Тег был впервые добавлен в Netscape Navigator версии 1.0, при этом не был как-либо задокументирован. Создателем тега считается Лу Монтулли, хоть и по его словам он всего лишь предложил идею, а не писал код:

Как-то в конце лета я решил отдохнуть с некоторыми другими инженерами и пошёл в местный бар, находившийся на улице Кастро в Маунтин-Вью. … В какой-то момент времени вечером я упомянул, что это печально, что Lynx не будет отображать большинство расширений к HTML, которые мы предлагали, и что единственный стиль текста, который Lynx будет отображать, учитывая среду его использования — мигающий текст. …

Наступило субботнее утро, я направился в офис и знаете, что там нашёл? Мигающий текст. Он мигал во всей красе и на экране, и в браузере. Оказывается, что одному из инженеров настолько понравилась моя идея, что он ушёл из бара где-то после полуночи, вернулся в офис и за ночь реализовал тег. Он всё ещё был в офисе утром и весьма этим гордился.

Оригинальный текст (англ.)

Sometime in late summer I took a break with some of the other engineers and went to a local bar on Castro street in Mountain View. ... At some point in the evening I mentioned that it was sad that Lynx was not going to be able to display many of the HTML extensions that we were proposing, I also pointed out that the only text style that Lynx could exploit given its environment was blinking text. ...

Saturday morning rolled around and I headed into the office only to find what else but, blinking text. It was on the screen blinking in all its glory, and in the browser. How could this be, you might ask? It turns out that one of the engineers liked my idea so much that he left the bar sometime past midnight, returned to the office and implemented the blink tag overnight. He was still there in the morning and quite proud of it.

Поддержка

Помимо Netscape Navigator, тег поддерживался только Mozilla Firefox и Opera. Поддержка в Mozilla Firefox была убрана в 23-й версии, поддержка в Opera — в 16-й версии.

В некотором программном обеспечении тег является пасхальным яйцом: например, в поисковике Google при поиске по запросу «blink HTML» слова «blink» и «HTML» на странице выдачи мигают.

Фреймворк пользовательского интерфейса операционной системы Android поддерживает элемент, называя его в исходном коде «TAG_1995».

Использование

Элемент <blink> — нестандартный и, как следствие, какой-либо официальной информации о его синтаксисе или семантике нет. Берт Бос, один из членов Консорциума Всемирной паутины, создал DTD с синтаксисом для элемента, однако, согласно комментариям в этом DTD, элемент был добавлен туда в качестве шутки.

Синтаксис элемента идентичен синтаксису всех остальных неодиночных HTML-элементов (то есть тег требуется прямо открывать и закрывать следующим образом: <blink>...</blink>).

Частота мигания текста, обёрнутого в элемент, зависит от браузера и у тега нет каких-либо параметров, с помощью которых её можно было бы настроить. В версиях Mozilla Firefox, поддерживающих тег, текст поочерёдно видим 3⁄4 секунды и невидим 1⁄4 секунды.

Альтернативы

Значение blink у CSS-свойства text-decoration-line позволяет авторам пометить какой-либо элемент на странице как мигающий; в то же время спецификация CSS3 говорит, что «следующие стандартам браузеры могут просто не делать текст мигающим» (англ. conforming user agents may simply not blink the text) и что вместо этого способа рекомендуется использовать CSS-анимации. Поведение элемента действительно можно повторить используя технику анимаций:

@keyframes blink {
	0% {
		opacity:1
	}
	75% {
		opacity:1
	}
	76% {
		opacity:0
	}
	100% {
	opacity:0
	}
}

.blink-css {
	animation:blink 0.5s ease-in infinite alternate
}

С CSS-кодом выше текст, которому в HTML страницы присвоен класс blink-css, будет мигать с примерно такой же частотой, с которой мигал текст с элементом <blink>, например:

Привет, мир!

Доступность

Элемент постоянно критиковался экспертами по юзабилити и доступности. В 1996 году Якоб Нильсен, специалист по юзабилити, в своей статье «Оригинальный список топ-10 ошибок в веб-дизайне» (англ. Original Top 10 Mistakes in Web Design) назвал элемент «просто злом» (англ. simply evil).

Web Content Accessibility Guidelines не запрещают мигающие элементы целиком, но предписывают авторам контента давать пользователям возможность остановить мигание (критерий 2.2.2 уровня A).

User Agent Accessibility Guidelines версии 1.0 предписывают браузерам либо давать возможность пользователям отключить мигающий или анимированный текст, либо показывать его как обычный текст (требование 3.3); в Mozilla Firefox до 23 версии была возможность отключить элемент <blink> на странице about:config, с помощью опции «browser.blink_allowed».