Мигающий элемент

Элемент Blink — это нестандартный элемент HTML , который указывает пользовательскому агенту (обычно веб-браузеру ), что автор страницы намерен, чтобы содержимое элемента мигало (то есть попеременно было видимым и невидимым). Этот элемент был представлен в Netscape Navigator. но больше не поддерживается и часто игнорируется современными веб-браузерами; некоторые, такие как Internet Explorer , вообще никогда не поддерживали этот элемент.

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

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

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

Элемент Blink не является стандартным, и поэтому не существует авторитетной спецификации его синтаксиса или семантики. Хотя Берт Бос из Консорциума Всемирной паутины разработал определение типа документа , которое включает синтаксис для элемента блинка (определяя его как элемент фразы наравне с элементами для выделения и цитирования ), комментарии в DTD поясняют, что это предназначено как шутка.

Синтаксис типа элемента Blink идентичен синтаксису таких стандартных встроенных элементов HTML, как Span. Например: <blink>This text could blink</blink>. Скорость мигания зависит от браузера, и тег не содержит параметров или средств для регулировки скорости мигания. В версиях Mozilla Firefox , поддерживающих этот тег, текст попеременно то отображается в течение трех четвертей секунды, то становится невидимым в течение одной четверти секунды.

Тип элемента блинка был впервые изобретен для Netscape Navigator и поддерживался в его потомках, таких как Mozilla Firefox (за исключением браузеров Netscape 6 и ранних версий пакета Mozilla — таким образом, он также отсутствует в SeaMonkey , который происходит от пакета Mozilla); он был удален из Firefox в версии 23. Microsoft и Internet Explorer WebKit ( браузера Apple Safari движок и Google Chrome ) никогда не поддерживали его, даже в его воплощении CSS. Он также поддерживался интернет-браузером Opera , но поддержка прекратилась в версии 15, когда этот браузер перешел на движок на основе WebKit. Vivaldi , несмотря на то, что он является духовным преемником Opera, основанной на Presto , также не поддерживает функциональный мигающий тег.

Netscape согласилась удалить тег мерцания из своего браузера только в том случае, если Microsoft согласилась избавиться от тега выделения в своем браузере во время встречи HTML ERB в феврале 1996 года.

Некоторое программное обеспечение поддерживает элемент мигания в качестве пасхального яйца . Поиск Google мигает части страницы, когда кто-то ищет «blink html». Платформа пользовательского интерфейса Android поддерживает тег мерцания, обозначая его как TAG_1995 в его исходном коде.

Выполнение

Значение блинка свойства CSS text-decoration позволяет авторам предлагать, чтобы текст мигал без использования собственных тегов, но спецификация CSS 2.1 гласит, что «соответствующие пользовательские агенты могут просто не мигать текстом», чтобы соответствовать требованиям доступности пользовательского агента. Рекомендации .

<span style="text-decoration: blink;">Down to the porshrop, down to the streep</span>

Это приводит к следующему результату на странице — вряд ли она действительно будет мигать, поскольку современные браузеры не поддерживают этот тег:

Вплоть до поршропа, до стрипса

Элемент мерцания также может быть реализован с помощью CSS-анимации .

blink, .blink-css { animation: blink 1s step-end infinite; }

@keyframes blink {
  67% { opacity: 0 }
}

Когда элементам затем присваивается тег или класс blink, такой как:

<span class="blink-css">Down to the porshrop, to the porshrop family treep</span>

Это производит следующее:

Вплоть до поршропа, до семейного древа поршропов.

Аналогичных эффектов можно достичь и за счет использования JavaScript .

<script type="text/javascript">
  (function() {
    var blinks = document.getElementsByTagName('blink');
    var visibility = 'hidden';
    window.setInterval(function() {
      for (var i = blinks.length - 1; i >= 0; i--) {
        blinks[i].style.visibility = visibility;
      }
      visibility = (visibility === 'visible') ? 'hidden' : 'visible';
    }, 250);
  })();
</script>
<blink>Text to blink here</blink>

Или, альтернативно, функциональность мерцания можно реализовать с помощью jQuery .

<script type="text/javascript">
    setInterval(function(){
      $('blink').each(function() {
        $(this).toggle();
      });
    }, 250);
</script>
<blink>Text to blink here</blink>

Удобство и доступность

Еще до реализации мигающего тега в HTML в Apple IIe был режим мигающего текста, в котором чередовалось стандартный текст «белое на черном» и инверсный «черное на белом». 1982 года В руководстве Apple Computer для разработчиков не рекомендовалось использовать эту функцию, за исключением чрезвычайных ситуаций, предупреждая, что «[f] мигающий [текст] следует использовать только для обозначения неминуемого уничтожения данных или программы».

Элемент мерцания постоянно подвергается критике со стороны экспертов по удобству использования и доступности . В 1996 году Якоб Нильсен описал этот элемент как «просто зло» в своей колонке Alertbox «Десять оригинальных ошибок в веб-дизайне». Консорциума Всемирной паутины В Руководстве по обеспечению доступности веб-контента (WCAG) 1.0 говорится, что авторам контента следует избегать мерцания или мигания экрана, отмечая, что такие эффекты могут вызвать проблемы у людей с когнитивными нарушениями или светочувствительной эпилепсией .

заявляет Совет по доступу США , что на страницах «не следует использовать мигающий или мигающий текст, объекты или другие элементы, частота мигания или мигания которых превышает 2 Гц и ниже 55 Гц».

Германии В Постановлении Федерального правительства Barrierefreie Informationstechnik-Verordnung ( Постановление о доступных информационных технологиях ) также говорится, что следует избегать мерцания или мерцания контента.

Чтобы соответствовать Руководству по обеспечению доступности пользовательского агента, пользовательский агент должен либо «разрешить конфигурации отображать анимированный или мигающий текстовый контент как неподвижный, немигающий текст», либо никогда не мигать текстом. Mozilla Firefox удовлетворил это требование, предоставив скрытую опцию конфигурации, позволяющую отключить мигание. Browser.blink_allowed , доступ к которому можно получить через about:config . Функция мигания полностью отключена с версии 23.

См. также

• Выступающий элемент

Внешние ссылки

• Кросс-браузерный тег Blink