Элемент blink - это нестандартный элемент HTML, который указывает пользовательскому агенту (обычно веб-браузеру ), что автор страницы намеревается, что содержимое элемента будет мигать (то есть чередоваться между видимым и невидимым). [1] Элемент был введен в Netscape Navigator [2], но больше не поддерживается и часто игнорируется современными веб-браузерами; некоторые, например Internet Explorer , вообще не поддерживали этот элемент. [3]
Несмотря на свою первоначальную популярность среди домашних пользователей в 1990-х годах, он потерял популярность из-за чрезмерного использования и трудностей при чтении. [4] Лу Монтулли , которого часто называют изобретателем мигающего элемента, утверждает, что он только предложил идею, не написав никакого реального кода. [5]
... В какой-то момент вечером я упомянул, что грустно, что Lynx не сможет отображать многие из предлагаемых нами расширений HTML, я также указал, что единственный текстовый стиль, который Lynx может использовать, учитывая его Окружающая среда мигала текстом. Мы довольно хорошо посмеялись при мысли о мигающем тексте, и поговорили о том, чтобы мигать то и это, и о том, как все это будет абсурдно. ... Наступило субботнее утро, и я направился в офис только для того, чтобы найти еще кое-что, кроме мигающего текста. Он и на экране мигал во всей красе, и в браузере. Как такое могло быть, спросите вы? Оказалось, что одному из инженеров моя идея так понравилась, что он покинул бар где-то за полночь, вернулся в офис и за ночь внедрил блинк-тег. Он все еще был там утром и очень гордился этим. [5]
Применение
Элемент blink нестандартен, и поэтому не существует официальной спецификации его синтаксиса или семантики. В то время как Берт Бос из Консорциума World Wide Web разработал определение типа документа, которое включает синтаксис для элемента blink (определяя его как элемент фразы наравне с элементами для выделения и цитирования ), комментарии в DTD объясняют, что это предназначено как шутку. [6]
Синтаксис типа элемента blink идентичен таким стандартным встроенным элементам HTML, как span. Например: . Скорость мигания зависит от браузера, и тег не содержит параметров или средств для настройки скорости мигания. В версиях Mozilla Firefox , поддерживающих тег, текст поочередно отображается в течение трех четвертей секунды и невидим в течение одной четверти секунды. [7]<blink>This text could blinkblink>
Тип элемента blink был впервые изобретен для Netscape Navigator и поддерживался в его потомках, таких как Mozilla Firefox (за исключением Netscape 6 и ранних браузеров набора Mozilla ); она была удалена в версии 23. [8] [9] Microsoft 's Internet Explorer и WebKit (браузер двигателя позади компании Apple ' s Safari и Google Chrome ) не поддерживает его, даже в CSS воплощении. Он также поддерживался браузером Opera Internet , но поддержка прекратилась в версии 15, когда этот браузер переключился на движок на основе WebKit. Vivaldi , несмотря на то, что он является духовным наследником оперы на основе Presto, также не поддерживает функциональный блинк-тег.
Некоторое программное обеспечение поддерживает элемент мигания как пасхальное яйцо . Google Search мигает части страницы при поиске слова «blink html». [10] Платформа пользовательского интерфейса Android поддерживает тег blink, помечая его как TAG_1995
в исходном коде. [11]
Выполнение
Мигать значение CSS текст-украшение собственности позволяет авторам предположить , что текст должен мигать без использования проприетарных тегов, но спецификации CSS 2.1 гласит , что « в соответствии пользовательские агенты могут просто не мигать текст», чтобы соответствовать User Agent Accessibility Рекомендации . [12]
< span style = "text-decoration: blink;" > Текст, который будет мигать здесь span >
Элемент мигания также может быть эффективно повторно реализован с использованием анимации CSS .
мигает , . blink { -webkit- анимация : мигать 1 сек шаг-конец бесконечен ; -moz- анимация : мигать 1 с шаг конец бесконечен ; -o- анимация : мигать 1 с шаг конец бесконечен ; анимация : мигание 1 сек шаг-конец бесконечен ;}@ -webkit-keyframes мигают { 67 % { opacity : 0 }}@ -moz-keyframes мигают { 67 % { opacity : 0 }}@ -o-keyframes мигают { 67 % { opacity : 0 }}@ ключевые кадры мигают { 67 % { opacity : 0 }}
Подобные эффекты также могут быть достигнуты с помощью JavaScript .
< script type = "text / javascript" > ( функция () { var blinks = document . getElementsByTagName ( 'мигание' ); var visibility = 'скрытый' ; окно . setInterval ( function () { for ( var i = мигает . length - 1 ; i > = 0 ; i - ) { мигает [ i ]. стиль . видимость = видимость ; } видимость = ( видимость === 'видимый' ) ? 'скрытый' : 'видимый' ; }, 250 ); }) ();скрипт >< blink > Текст, который будет мигать здесь blink >
Или, в качестве альтернативы, функция мигания может быть реализована с помощью jQuery .
< script type = "text / javascript" > setInterval ( function () { $ ( 'мигать' ). each ( function () { $ ( это ). toggle (); }); }, 250 );скрипт >< blink > Текст, который будет мигать здесь blink >
Удобство и доступность
В руководстве Apple Computer 1982 года для разработчиков не рекомендуется использовать мигающий текст, предупреждая, что «мигающий [текст] должен использоваться только для обозначения неизбежного уничтожения данных или программы». [13] Элемент мигания постоянно подвергался критике со стороны экспертов по удобству использования и доступности . В 1996 году Якоб Нильсен назвал элемент как «просто зло» в его Alertbox колонке Top Ten Ошибки в веб - дизайне . [14] Рекомендации Консорциума World Wide Web по доступности веб-контента (WCAG) 1.0 гласят, что авторы контента должны избегать мерцания или мигания экрана, отмечая, что такие эффекты могут вызвать проблемы у людей с когнитивными нарушениями или светочувствительной эпилепсией . [15]
В Соединенных Штатах федерального правительства Раздела 508 гласит , что страницы должны избегать чего экрана мерцать с частотой от 2 Гц до 55 Гц, диапазона , который охватывает быстро мигающий текст. [16]
В издании Barrierefreie Informationstechnik-Verordnung ( Постановление о доступных информационных технологиях ) федерального правительства Германии также говорится, что следует избегать мерцания или мигания содержимого. [17]
В соответствии с Руководством по обеспечению доступности пользовательского агента пользовательский агент должен либо «разрешить конфигурации отображать анимированный или мигающий текстовый контент как неподвижный, немигающий текст», либо никогда не мигать текстом. [18] Mozilla Firefox удовлетворил это требование, предоставив скрытый параметр конфигурации для отключения мигания, [7] browser.blink_allowed , доступ к которому можно получить через about: config . Функция мигания полностью отключена с версии 23. [8]
Смотрите также
- Blink (веб-движок)
- Сравнение верстаков (нестандартный HTML)
- Элемент Marquee
- Побрякушки
Рекомендации
- ^ "<ссылка>" . Сеть разработчиков Mozilla . Проверено 11 сентября 2017 года .
- ^ "происхождение тега - www" . www.montulli.org . Проверено 11 сентября 2017 года .
- ^ «<ссылка>» . Сеть разработчиков Mozilla . Проверено 11 сентября 2017 года .
- ^ «Прощание с HTML-тегом Blink» . Быстрая компания . 7 августа 2013 . Проверено 11 сентября 2017 года .
- ^ а б «Истоки тега » . www.montulli.org . Проверено 23 октября 2009 года .
- ^ Бос, Берт. «HTML40, но с добавлением BLINK» . Консорциум World Wide Web . Проверено 12 декабря 2006 года .
- ^ а б «VPAT для Firefox 3.0 и 3.5» . Mozilla . Проверено 23 октября 2009 года .
- ^ а б «Примечания к выпуску Firefox 23» . 6 августа 2013 . Проверено 8 августа 2013 года .
- ^ - HTML | MDN
- ^ Макнамара, Пол (24 февраля 2014 г.). «Пасхальное яйцо Google ведет к истории за тегом« Blink »» . NetworkWorld.com . Сетевой мир . Проверено 20 января 2015 года .
- ^ "core / java / android / view / LayoutInflater.java - платформа / frameworks / base - Git в Google" . android.googlesource.com . Проверено 20 сентября 2019 года .
- ^ «Каскадные таблицы стилей, уровень 1» . Рабочая группа по каскадным таблицам стилей, Консорциум World Wide Web . Проверено 23 октября 2009 года .
- ^ Мейерс, Джо; Тоньяццини, Брюс (1982). Рекомендации по дизайну Apple IIe (PDF) . Компьютер Apple. п. 38. Архивировано из оригинального (PDF) 23 сентября 2015 года . Проверено 11 марта 2014 года .
- ^ «Десять главных ошибок в веб-дизайне (Alertbox)» . Useit.com . Проверено 23 октября 2009 года .
- ^ Чисхолм, Венди; Вандерхайден, Грегг; Джейкобс, Ян (5 мая 1999 г.). «Рекомендации по доступности веб-контента 1.0» . Консорциум World Wide Web . Проверено 20 июля 2010 года .
- ^ Управление государственных услуг. «Раздел 508: Стандарты Раздела 508» . Section508.gov. Архивировано из оригинального 22 октября 2009 года . Проверено 23 октября 2009 года .
- ^ «BITV - Einzelnorm» . gesetze-im-internet.de. 12 сентября 2011 . Проверено 3 марта 2014 .
- ^ «2. Рекомендации по доступности пользовательского агента» . W3.org. 17 декабря 2002 . Проверено 23 октября 2009 года .
Внешние ссылки
- Кроссбраузерный тег мигания
Почему Blink html