Меню
Главная
Случайная статья
Настройки
|
<blink> — нестандартный HTML-элемент, использовавшийся для создания мигающего текста.
Элемент впервые появился в браузере Netscape Navigator. Помимо Netscape Navigator и его преёмника Mozilla Firefox, элемент поддерживался в Opera; поддержка в Mozilla Firefox была убрана в 23-й версии, поддержка в Opera — в 16-й версии (обе выпущены в августе 2013 года).
Содержание
История
Происхождение
Тег был впервые добавлен в Netscape Navigator версии 1.0, при этом не был как-либо задокументирован. Создателем тега считается Лу Монтулли[англ.], хоть и по его словам он всего лишь предложил идею, а не писал код[1]:
Как-то в конце лета я решил отдохнуть с некоторыми другими инженерами и пошёл в местный бар, находившийся на улице Кастро в Маунтин-Вью. … В какой-то момент времени вечером я упомянул, что это печально, что Lynx не будет отображать большинство расширений к HTML, которые мы предлагали, и что единственный стиль текста, который Lynx будет отображать, учитывая среду его использования — мигающий текст. …
Наступило субботнее утро, я направился в офис и знаете, что там нашёл? Мигающий текст. Он мигал во всей красе и на экране, и в браузере. Оказывается, что одному из инженеров настолько понравилась моя идея, что он ушёл из бара где-то после полуночи, вернулся в офис и за ночь изобрёл тег. Он всё ещё был в офисе утром и несколько гордился изобретением.
Поддержка
Помимо Netscape Navigator, тег поддерживался только Mozilla Firefox и Opera. Поддержка в Mozilla Firefox была убрана в 23-й версии, поддержка в Opera — в 16-й версии[2].
В некотором программном обеспечении тег является пасхальным яйцом: например, в поисковике Google при поиске по запросу «blink HTML» слова «blink» и «HTML» на странице выдачи мигают[3].
Фреймворк пользовательского интерфейса операционной системы Android поддерживает элемент, называя его в исходном коде «TAG_1995»[4].
Использование
Элемент <blink> нестандартный и, как следствие, какой-либо официальной информации о его синтаксисе или семантике нет[2]. Берт Бос[англ.], один из членов Консорциума Всемирной паутины, создал DTD с синтаксисом для элемента, однако, согласно комментариям в этом DTD, элемент был добавлен туда в качестве шутки[5].
Синтаксис элемента идентичен синтаксису всех остальных неодиночных HTML-элементов (то есть тег требуется прямо открывать и закрывать следующим образом: <blink>...</blink>)[6].
Частота мигания текста, обёрнутого в элемент, зависит от браузера и у тега нет каких-либо параметров, с помощью которых её можно было бы настроить. В версиях Mozilla Firefox, поддерживающих тег, текст поочерёдно видим 34 секунды и невидим
Альтернативы
Значение blink у CSS-свойства text-decoration-line позволяет авторам пометить какой-либо элемент на странице как мигающий; в то же время спецификация CSS3 говорит, что «следующие стандартам браузеры могут просто не делать текст мигающим» (англ. conforming user agents may simply not blink the text) и что вместо этого способа рекомендуется использовать CSS-анимации[англ.][8]. Поведение элемента действительно можно повторить используя технику анимаций:
@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)[9].
Web Content Accessibility Guidelines[англ.] не запрещают мигающие элементы целиком, но предписывают авторам контента давать пользователям возможность остановить мигание (критерий 2.2.2 уровня A)[10].
User Agent Accessibility Guidelines версии 1.0 предписывают браузерам либо давать возможность пользователям отключить мигающий или анимированный текст, либо показывать его как обычный текст (требование 3.3)[11]; в Mozilla Firefox до 23 версии была возможность отключить элемент <blink> на странице about:config, с помощью опции «browser.blink_allowed»[7].
Примечания
- The Origins of the <Blink> Tag (англ.). montulli.org. Дата обращения: 22 октября 2025. Архивировано из оригинала 31 марта 2022 года.
- 1 2 <blink>: The Blinking Text element (obsolete) (англ.). MDN Web Docs[англ.]. Дата обращения: 22 октября 2025. Архивировано из оригинала 1 мая 2020 года.
- Stephen Shankland, Mary King. 20 Hidden Google Search Easter Eggs to Hunt For (англ.). CNET (16 апреля 2022). Дата обращения: 22 октября 2025. Архивировано 17 марта 2025 года.
- core/java/android/view/LayoutInflater.java - platform/frameworks/base - Git at Google (англ.). android.googlesource.com. Дата обращения: 22 октября 2025. Архивировано 11 декабря 2024 года.
- Бос, Берт[англ.]. HTML40-plus-blink.dtd (англ.). Консорциум Всемирной паутины (10 ноября 1999). Дата обращения: 22 октября 2025. Архивировано 22 января 2023 года.
- blink element (<blink> tag) - Glossary | MDN (англ.). Дата обращения: 22 октября 2025. Архивировано 2 октября 2025 года.
- 1 2 VPAT for Firefox 1.5 | Mozilla (англ.). Mozilla (19 октября 2005). Дата обращения: 22 октября 2025. Архивировано из оригинала 17 мая 2008 года.
- CSS Text Decoration Module Level 3 (англ.). Консорциум Всемирной паутины (5 мая 2022). Дата обращения: 22 октября 2025. Архивировано 1 октября 2025 года.
- Original Top 10 Mistakes in Web Design (англ.). Nielsen Norman Group[англ.] (30 апреля 1996). Дата обращения: 22 октября 2025. Архивировано 12 октября 2025 года.
- Success Criterion 2.2.2 Pause, Stop, Hide (англ.). Консорциум Всемирной паутины (12 декабря 2024). Дата обращения: 22 октября 2025. Архивировано 12 октября 2025 года.
- User Agent Accessibility Guidelines 1.0. 3.3 Toggle animated or blinking text (P1) (англ.). Консорциум Всемирной паутины (17 декабря 2002). Дата обращения: 22 октября 2025. Архивировано 30 августа 2025 года.
|
|