stringtranslate.com

Элемент мигания

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

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

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

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

Привет, мир!

Пример мигающего текста (реализовано с помощью CSS; сам тег <blink> устарел и больше не работает в большинстве браузеров)

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

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

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

Netscape согласилась удалить тег Blink из своего браузера только в том случае, если Microsoft согласится избавиться от тега marquee в своем браузере во время встречи HTML ERB в феврале 1996 года. [7]

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

Выполнение

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

< span  style = "text-decoration: blink;" > Вниз к крыльцу, вниз к полоске </ span >

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

Вниз к крыльцу, вниз к полоске

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

@ ключевые кадры мигают {  0 % { непрозрачность : 1 } 75 % { непрозрачность : 1 } 76 % { непрозрачность : 0 } 100 % { непрозрачность : 0 }               }мигать , . мигать-css {  анимация : мигание 0,75 с плавное бесконечное чередование !важно ;    }

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

< span  class = "blink-css" > Вниз к крылышкам, к генеалогическому древу крылышек </ span >

Это дает следующее:

Вниз к крыльцу, к генеалогическому древу крыльев.

Подобных эффектов можно достичь и с помощью JavaScript .

< тип скрипта  = "текст/javascript" > ( функция () {  вар мигает = документ . getElementsByTagName ( 'мигать' );    переменная видимость = 'скрытый' ;    окно . setInterval ( функция () {  для ( var i = мигает . длина - 1 ; i >= 0 ; i -- ) {            мигает [ i ]. стиль . видимость = видимость ;   } видимость = ( видимость === 'видимый' ) ? 'скрытый' : 'видимый' ;         }, 250 );  })();</ скрипт >< мигать > Текст для мигания здесь </ мигать >

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

< тип скрипта  = "текст/javascript" > setInterval ( функция (){ $ ( 'blink' ). each ( function () {  $ ( это ).переключить ( ); }); }, 250 ); </ скрипт >< мигать > Текст для мигания здесь </ мигать >

Удобство использования и доступность

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

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

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

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

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

Смотрите также

Ссылки

  1. ^ abc "<blink>: Элемент мигающего текста". MDN Web Docs . Mozilla . Архивировано из оригинала 10 мая 2023 г. Получено 11 сентября 2017 г.
  2. ^ abc Монтулли, Лу . «Истоки тега <Blink>». www.montulli.org . Архивировано из оригинала 31 марта 2022 г. Получено 11 сентября 2017 г.
  3. ^ Eaton, Kit (7 августа 2013 г.). «Прощание с тегом HTML Blink». Fast Company . Архивировано из оригинала 19 мая 2022 г. Получено 11 сентября 2017 г.
  4. ^ Бос, Берт (10 ноября 1999 г.). «HTML40, но с добавлением BLINK». World Wide Web Consortium . Архивировано из оригинала 22 января 2023 г. Получено 12 декабря 2006 г. По сути, это просто HTML40, но с добавлением BLINK... BLINK добавлен просто в качестве шутки.
  5. ^ ab "VPAT для Firefox 3.0 и 3.5". Mozilla . 13 июля 2009 г. Архивировано из оригинала 17 мая 2008 г. Получено 23 октября 2009 г. Когда страницы используют HTML-тег <blink>, Firefox использует рабочий цикл 1 Гц, при этом текст виден в течение 3/4 каждого цикла.
  6. ^ ab "Firefox 23 Release Notes". Mozilla . 6 августа 2013 г. Архивировано из оригинала 7 июля 2023 г. Получено 8 августа 2013 г. ...Удален эффект мерцания из text-decoration: blink; и полностью удален элемент <blink>...
  7. ^ Raggett, Dave ; Lam, Jenny; Alexander, Ian; Kmiec, Michael (1998). "Глава 2 - История HTML". World Wide Web Consortium . Архивировано из оригинала 13 июля 2023 г. . Получено 24 июля 2023 г. Тег BLINK был вытеснен на заседании HTML ERB. Netscape отменит его только в том случае, если Microsoft согласится избавиться от MARQUEE; сделка была заключена, и оба тега исчезли.
  8. ^ Шенкленд, Стивен; Кинг, Мэри (16 апреля 2022 г.). «20 скрытых пасхальных яиц поиска Google, за которыми стоит поохотиться». CNET . Архивировано из оригинала 27 мая 2023 г. Получено 24 июля 2023 г. Введите в поле поиска blink HTML, и вы получите список результатов поиска, в которых слова «blink» и «HTML» мигают.
  9. ^ "core/java/android/view/LayoutInflater.java - platform/frameworks/base". Google Git . Android Open Source Project , Google . Получено 20 сентября 2019 г. . 146 private static final String TAG_1995 = "blink";
  10. ^ "Подчеркивание, надстрочное начертание, зачеркивание и мигание: свойство 'text-decoration'". Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification . CSS Working Group , World Wide Web Consortium . Архивировано из оригинала 11 мая 2023 г. Получено 24 июля 2023 г.
  11. ^ Мейерс, Джо; Тоньяццини, Брюс (1982). «Дисплеи». Apple IIe Design Guidelines (PDF) . Купертино, Калифорния: Apple Inc. стр. 38 . Получено 24 июля 2023 г. – через интернет-архив . Мигающий [текст] следует использовать только для указания на неизбежное уничтожение данных или программы.
  12. ^ Нильсен, Якоб (30 апреля 1996 г.). «Первоначальная десятка ошибок в веб-дизайне». Nielsen Norman Group . Архивировано из оригинала 5 июля 2023 г. Получено 24 июля 2023 г. Конечно , <BLINK> — это просто зло. Достаточно сказано.
  13. ^ Чисхолм, Венди; Вандерхайден, Грегг; Якобс, Ян (5 мая 1999 г.). «Руководство по доступности веб-контента 1.0». Консорциум Всемирной паутины . Получено 20 июля 2010 г.
  14. ^ «Пересмотренные стандарты 508 и руководящие принципы 255». United States Access Board . 18 января 2017 г. Архивировано из оригинала 8 июля 2023 г. Получено 24 июля 2023 г. Программное обеспечение не должно использовать мигающий или мигающий текст, объекты или другие элементы с частотой вспышки или мигания более 2 Гц и менее 55 Гц.
  15. ^ "BITV — Айнцельнорм" . gesetze-im-internet.de. 12 сентября 2011 года . Проверено 3 марта 2014 г.
  16. ^ "User Agent Accessibility Guidelines 1.0". World Wide Web Consortium . 17 декабря 2002 г. Архивировано из оригинала 26 мая 2023 г. Получено 23 октября 2009 г. Разрешить конфигурацию для отображения анимированного или мигающего текстового содержимого как неподвижного, немигающего текста.

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