stringtranslate.com

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

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

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

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

Применение

ДОБРО ПОЖАЛОВАТЬ 2 МОЙ ВЕБ-САЙТ!!! Z0MG!!1!

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

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

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

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

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

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

Выполнение

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

< span  style = "текст-декорация: мигать;" > Вниз в поршоп, вниз в стрип </ span >

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

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

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

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

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

< span  class = "blink-css" > Вниз к поршропу, к дереву семейства поршропов </ span >

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

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

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

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

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

< тип сценария  = "текст/javascript" > setInterval ( функция (){ $ ( «мигать» ). каждый ( функция () {  $ ( это ). переключать (); }); }, 250 ); </ скрипт ><blink> Здесь текст, который нужно мигнуть </blink>

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

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

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

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

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

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

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

Рекомендации

  1. ^ abc «<blink>: элемент мигающего текста». Веб-документы MDN . Мозилла . Архивировано из оригинала 10 мая 2023 года . Проверено 11 сентября 2017 г.
  2. ^ abc Монтулли, Лу . «Происхождение тега <Blink>». www.montulli.org . Архивировано из оригинала 31 марта 2022 года . Проверено 11 сентября 2017 г.
  3. ↑ Итон, Кит (7 августа 2013 г.). «Прощаемся с HTML-тегом Blink». Компания Фаст . Архивировано из оригинала 19 мая 2022 года . Проверено 11 сентября 2017 г.
  4. ↑ Бос, Берт (10 ноября 1999 г.). «HTML40, но с добавлением BLINK». Консорциум Всемирной паутины . Архивировано из оригинала 22 января 2023 года . Проверено 12 декабря 2006 г. По сути, это просто HTML40, но с добавлением BLINK... BLINK добавлен просто в шутку.
  5. ^ ab «VPAT для Firefox 3.0 и 3.5». Мозилла . 13 июля 2009 года. Архивировано из оригинала 17 мая 2008 года . Проверено 23 октября 2009 г. Когда на страницах используется тег HTML <blink>, Firefox использует рабочий цикл с частотой 1 Гц, при этом текст отображается в течение 3/4 каждого цикла.
  6. ^ ab «Примечания к выпуску Firefox 23». Мозилла . 6 августа 2013 года. Архивировано из оригинала 7 июля 2023 года . Проверено 8 августа 2013 г. ...Убран эффект моргания из текстового оформления: моргание; и полностью удален элемент <blink>...
  7. ^ Рэггетт, Дэйв ; Лам, Дженни; Александр, Ян; Кмиец, Майкл (1998). «Глава 2. История HTML». Консорциум Всемирной паутины . Архивировано из оригинала 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 — платформа/frameworks/base». Гугл Гит . Проект с открытым исходным кодом Android , Google . Проверено 20 сентября 2019 г. 146 Private static Final String TAG_1995 = "blink";
  10. ^ «Подчеркивание, надчеркивание, зачеркивание и мигание: свойство text-decoration» . Спецификация каскадных таблиц стилей уровня 2, редакция 1 (CSS 2.1) . Рабочая группа CSS , Консорциум Всемирной паутины . Архивировано из оригинала 11 мая 2023 года . Проверено 24 июля 2023 г.
  11. ^ Мейерс, Джо; Тоньяццини, Брюс (1982). «Дисплеи». Рекомендации по проектированию Apple IIe (PDF) . Купертино, Калифорния: Apple Inc. 38 . Проверено 24 июля 2023 г. - из Интернет-архива . Мигающий [текст] следует использовать только для обозначения скорого уничтожения данных или программы.
  12. ↑ Нильсен, Якоб (30 апреля 1996 г.). «Десять оригинальных ошибок в веб-дизайне». Нильсен Норман Групп . Архивировано из оригинала 5 июля 2023 года . Проверено 24 июля 2023 г. Конечно, <BLINK> – это просто зло. Достаточно сказано.
  13. ^ Чисхолм, Венди; Вандерхайден, Грегг; Джейкобс, Ян (5 мая 1999 г.). «Руководство по обеспечению доступности веб-контента 1.0». Консорциум Всемирной паутины . Проверено 20 июля 2010 г.
  14. ^ «Пересмотренные 508 стандартов и 255 руководящих принципов» . Совет доступа США . 18 января 2017 года. Архивировано из оригинала 8 июля 2023 года . Проверено 24 июля 2023 г. Программное обеспечение не должно использовать мигающий или мигающий текст, объекты или другие элементы, частота мигания или мигания которых превышает 2 Гц и ниже 55 Гц.
  15. ^ "BITV — Айнцельнорм" . gesetze-im-internet.de. 12 сентября 2011 года . Проверено 3 марта 2014 г.
  16. ^ «Правила доступности пользовательского агента 1.0» . Консорциум Всемирной паутины . 17 декабря 2002 г. Архивировано из оригинала 26 мая 2023 г. Проверено 23 октября 2009 г. Разрешить конфигурации отображать анимированное или мигающее текстовое содержимое как неподвижный, немигающий текст.

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