Blink element

Last updated

The blink element is a non-standard HTML element that indicates to a user agent (generally a web browser) that the page author intends the content of the element to blink (that is, alternate between being visible and invisible). [1] The element was introduced in Netscape Navigator [2] but is no longer supported and often ignored by modern Web browsers; some, such as Internet Explorer, never supported the element at all. [1]

Contents

Despite its initial popularity among home users in the 1990s, it fell out of favor due to its overuse and the difficulty it presents in reading. [3] Lou Montulli, often credited as the inventor of the blink element, claims he only suggested the idea, without writing any actual code. [2]

... At some point in the evening I mentioned that it was sad that Lynx was not going to be able to display many of the HTML extensions that we were proposing, I also pointed out that the only text style that Lynx could exploit given its environment was blinking text. We had a pretty good laugh at the thought of blinking text, and talked about blinking this and that and how absurd the whole thing would be. ... Saturday morning rolled around and I headed into the office only to find what else but, blinking text. It was on the screen blinking in all its glory, and in the browser. How could this be, you might ask? It turns out that one of the engineers liked my idea so much that he left the bar sometime past midnight, returned to the office and implemented the blink tag overnight. He was still there in the morning and quite proud of it. [2]

Usage

WELCOME 2 MY WEB SIGHT!!! Z0MG!!1!

Example of blinking text (accomplished via CSS; the <blink> tag itself is deprecated and no longer works in most browsers)

The blink element is non-standard, and as such there is no authoritative specification of its syntax or semantics. While Bert Bos of the World Wide Web Consortium has produced a Document Type Definition that includes syntax for the blink element (defining it as a phrase element on a par with elements for emphasis and citations), the comments in the DTD explain that it is intended as a joke. [4]

Syntax of the blink element type is identical to such standard HTML inline elements as span. For example: <blink>This text could blink</blink>. The rate of blinking is browser-specific, and the tag contains no parameters or means to adjust the rate of blinking. In versions of Mozilla Firefox that support the tag, the text alternates between being visible for three quarters of a second and being invisible for one quarter of a second. [5]

The blink element type was first invented for Netscape Navigator and was supported in its descendants, such as Mozilla Firefox (except for the Netscape 6 and early Mozilla suite browsers—it is thus also absent from SeaMonkey, which descends from Mozilla suite); it was removed from Firefox in version 23. [6] [1] Microsoft's Internet Explorer and WebKit (the browser engine behind Apple's Safari and Google Chrome) never supported it, even in its CSS incarnation. It was also supported by the Opera Internet Browser, but support ended in version 15 when that browser switched to a WebKit-based engine. Vivaldi, despite its roots as a spiritual successor to the Presto-based Opera, also does not support a functional blink tag.

Netscape only agreed to remove the blink tag from their browser if Microsoft agreed to get rid of the marquee tag in theirs during an HTML ERB meeting in February 1996. [7]

Some software supports the blink element as an easter egg. Google Search blinks parts of the page when one searches for "blink html". [8] Android's user interface framework supports the blink tag, labeling it as TAG_1995 in its source code. [9]

Implementation

The blink value of the CSS text-decoration property allows authors to suggest that text should blink without using proprietary tags, but the CSS 2.1 Specification states that "conforming user agents may simply not blink the text" in order to comply with the User Agent Accessibility Guidelines. [10] 

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

This produces the following on the page — it is unlikely to actually blink due to modern browsers lacking support for the tag:

Down to the porshrop, down to the streep

The blink element may also be implemented using CSS animations.

blink,.blink-css{animation:blink1sstep-endinfinite;}@keyframesblink{67%{opacity:0}}

When elements are then given the tag or class blink, such as:

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

This produces the following:

Down to the porshrop, to the porshrop family treep

Similar effects can also be achieved through the use of JavaScript.

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

Or alternatively, the blink functionality can be implemented with the help of jQuery.

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

Usability and accessibility

Even before the implementing of the blink tag in HTML, the Apple IIe had a flashing text mode, alternating between standard white-on-black and inverse black-on-white text. A 1982 Apple Computer manual for developers advised against using this feature except for emergencies, warning that "[f]lashing [text] should only be used to indicate imminent destruction of data or the program". [11]

The blink element has been consistently criticized by usability and accessibility experts. In 1996 Jakob Nielsen described the element as "simply evil" in his Alertbox column "Original Top Ten Mistakes in Web Design". [12] The World Wide Web Consortium's Web Content Accessibility Guidelines (WCAG) 1.0 state that content authors should avoid causing the screen to flicker or blink, noting that such effects can cause problems for people with cognitive disabilities or photosensitive epilepsy. [13]

The United States Access Board states that pages should "not use flashing or blinking text, objects, or other elements having a flash or blink frequency greater than 2 Hz and lower than 55Hz." [14]

The German Federal Government's Barrierefreie Informationstechnik-Verordnung (Accessible Information Technology Ordinance) also states that flickering or blinking content should be avoided. [15]

To comply with the User Agent Accessibility Guidelines a user agent must either "[a]llow configuration to render animated or blinking text content as motionless, unblinking text" or never blink text. [16] Mozilla Firefox satisfied this requirement by providing a hidden configuration option to disable blinking, [5] browser.blink_allowed, which could be accessed through about:config. The blinking feature has been disabled altogether since version 23. [6]

See also

Related Research Articles

<span class="mw-page-title-main">Document Object Model</span> Convention for representing and interacting with objects in HTML, XHTML, and XML documents

The Document Object Model (DOM) is a cross-platform and language-independent interface that treats an HTML or XML document as a tree structure wherein each node is an object representing a part of the document. The DOM represents a document with a logical tree. Each branch of the tree ends in a node, and each node contains objects. DOM methods allow programmatic access to the tree; with them one can change the structure, style or content of a document. Nodes can have event handlers attached to them. Once an event is triggered, the event handlers get executed.

<span class="mw-page-title-main">HTML</span> HyperText Markup Language

HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser. It defines the content and structure of web content. It is often assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.

<span class="mw-page-title-main">Netscape Navigator</span> Web browser by Netscape released in 1994

Netscape Navigator is a discontinued proprietary web browser, and the original browser of the Netscape line, from versions 1 to 4.08, and 9.x. It was the flagship product of the Netscape Communications Corp and was the dominant web browser in terms of usage share in the 1990s, but by around 2003 its user base had all but disappeared. This was partly because the Netscape Corporation did not sustain Netscape Navigator's technical innovation in the late 1990s.

Scalable Vector Graphics (SVG) is an XML-based vector image format for defining two-dimensional graphics, having support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium since 1999.

Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; user interface design ; authoring, including standardised code and proprietary software; user experience design ; and search engine optimization. Often many individuals will work in teams covering different aspects of the design process, although some designers will cover them all. The term "web design" is normally used to describe the design process relating to the front-end design of a website including writing markup. Web design partially overlaps web engineering in the broader scope of web development. Web designers are expected to have an awareness of usability and be up to date with web accessibility guidelines.

A browser engine is a core software component of every major web browser. The primary job of a browser engine is to transform HTML documents and other resources of a web page into an interactive visual representation on a user's device.

An HTML element is a type of HTML document component, one of several types of HTML nodes. The first used version of HTML was written by Tim Berners-Lee in 1993 and there have since been many versions of HTML. The current de facto standard is governed by the industry group WHATWG and is known as the HTML Living Standard.

<span class="mw-page-title-main">Browser wars</span> Competition between web browsing applications for share of worldwide usage

A browser war is a competition for dominance in the usage share of web browsers. The "first browser war," (1995–2001) consisted of Internet Explorer and Navigator. Browser wars continued with the decline of Internet Explorer's market share and the popularity of other browsers, including Firefox, Google Chrome, Safari, Microsoft Edge and Opera.

Web standards are the formal, non-proprietary standards and other technical specifications that define and describe aspects of the World Wide Web. In recent years, the term has been more frequently associated with the trend of endorsing a set of standardized best practices for building web sites, and a philosophy of web design and development that includes those methods.

This is a comparison of both historical and current web browsers based on developer, engine, platform(s), releases, license, and cost.

Mozilla Firefox has features which distinguish it from other web browsers, such as Google Chrome, Safari, and Microsoft Edge.

Meta refresh is a method of instructing a web browser to automatically refresh the current web page or frame after a given time interval, using an HTML meta element with the http-equiv parameter set to "refresh" and a content parameter giving the time interval in seconds. It is also possible to instruct the browser to fetch a different URL when the page is refreshed, by including the alternative URL in the content parameter. By setting the refresh time interval to zero, meta refresh can be used as a method of URL redirection.

<span class="mw-page-title-main">Mozilla Application Suite</span> Discontinued Internet suite

The Mozilla Application Suite is a discontinued cross-platform integrated Internet suite. Its development was initiated by Netscape Communications Corporation, before their acquisition by AOL. It was based on the source code of Netscape Communicator. The development was spearheaded by the Mozilla Organization from 1998 to 2003, and by the Mozilla Foundation from 2003 to 2006.

In a web browser, an access key or accesskey allows a computer user to immediately jump to a specific web page via the keyboard. They were introduced in 1999 and quickly achieved near-universal browser support.

In computing, quirks mode is an approach used by web browsers to maintain backward compatibility with web pages designed for old web browsers, instead of strictly complying with web standards in standards mode. This behavior has since been codified, so what was previously standards mode is now referred to as simply no quirks mode.

The marquee tag is a non-standard HTML element which causes text to scroll up, down, left or right automatically. The tag was first introduced in early versions of Microsoft's Internet Explorer, and was compared to Netscape's blink element, as a proprietary non-standard extension to the HTML standard with usability problems. The W3C advises against its use in HTML documents.

Web interoperability is producing web pages viewable with nearly every device and browser. There have been various projects to improve web interoperability, for example the Web Standards Project, Mozilla's Technology Evangelism and Web Standards Group, and the Web Essential Conference.

<span class="mw-page-title-main">Web typography</span> Publishing considerations for the Web

Web typography, like typography generally, is the design of pages – their layout and typeface choices. Unlike traditional print-based typography, pages intended for display on the World Wide Web have additional technical challenges and – given its ability to change the presentation dynamically – additional opportunities. Early web page designs were very simple due to technology limitations; modern designs use Cascading Style Sheets (CSS), JavaScript and other techniques to deliver the typographer's and the client's vision.

<span class="mw-page-title-main">CSS</span> Style sheet language

Cascading Style Sheets (CSS) is a style sheet language used for specifying the presentation and styling of a document written in a markup language such as HTML or XML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

<span class="mw-page-title-main">CSS box model</span> Model used for styling websites

In web development, the CSS box model refers to how HTML elements are modeled in browser engines and how the dimensions of those HTML elements are derived from CSS properties. It is a fundamental concept for the composition of HTML webpages. The guidelines of the box model are described by web standards World Wide Web Consortium (W3C) specifically the CSS Working Group. For much of the late-1990s and early 2000s there had been non-standard compliant implementations of the box model in mainstream browsers. With the advent of CSS2 in 1998, which introduced the box-sizing property, the problem had mostly been resolved.

References

  1. 1 2 3 "<blink>: The Blinking Text element". MDN Web Docs . Mozilla. Archived from the original on 10 May 2023. Retrieved 11 September 2017.
  2. 1 2 3 Montulli, Lou. "The Origins of the <Blink> Tag". www.montulli.org. Archived from the original on 31 March 2022. Retrieved 11 September 2017.
  3. ↑ Eaton, Kit (7 August 2013). "Saying Goodbye To The HTML Blink Tag". Fast Company . Archived from the original on 19 May 2022. Retrieved 11 September 2017.
  4. ↑ Bos, Bert (10 November 1999). "HTML40, but with BLINK added". World Wide Web Consortium. Archived from the original on 22 January 2023. Retrieved 12 December 2006. This is basically just HTML40, but with BLINK added...The BLINK is merely added as a joke.
  5. 1 2 "VPAT for Firefox 3.0 and 3.5". Mozilla. 13 July 2009. Archived from the original on 17 May 2008. Retrieved 23 October 2009. When pages use the HTML <blink> tag, Firefox uses a 1 Hz duty cycle with the text visible for 3/4 of each cycle.
  6. 1 2 "Firefox 23 Release Notes". Mozilla. 6 August 2013. Archived from the original on 7 July 2023. Retrieved 8 August 2013. ...Dropped blink effect from text-decoration: blink; and completely removed <blink> element...
  7. ↑ Raggett, Dave; Lam, Jenny; Alexander, Ian; Kmiec, Michael (1998). "Chapter 2 - A history of HTML". World Wide Web Consortium. Archived from the original on 13 July 2023. Retrieved 24 July 2023. The BLINK tag was ousted in an HTML ERB meeting. Netscape would only abolish it if Microsoft agreed to get rid of MARQUEE; the deal was struck and both tags disappeared.
  8. ↑ Shankland, Stephen; King, Mary (16 April 2022). "20 Hidden Google Search Easter Eggs to Hunt For". CNET . Archived from the original on 27 May 2023. Retrieved 24 July 2023. Type blink HTML into the search box, and you'll get a list of search results where the words "blink" and "HTML" are blinking.
  9. ↑ "core/java/android/view/LayoutInflater.java - platform/frameworks/base". Google Git. Android Open Source Project, Google . Retrieved 20 September 2019. 146 private static final String TAG_1995 = "blink";
  10. ↑ "Underlining, overlining, striking, and blinking: the 'text-decoration' property". Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification. CSS Working Group, World Wide Web Consortium. Archived from the original on 11 May 2023. Retrieved 24 July 2023.
  11. ↑ Meyers, Joe; Tognazzini, Bruce (1982). "Displays". Apple IIe Design Guidelines (PDF). Cupertino, California: Apple Inc. p. 38. Retrieved 24 July 2023– via Internet Archive. Flashing [text] should only be used to indicate imminent destruction of data or the program.
  12. ↑ Nielsen, Jakob (30 April 1996). "Original Top Ten Mistakes in Web Design". Nielsen Norman Group . Archived from the original on 5 July 2023. Retrieved 24 July 2023. Of course, <BLINK> is simply evil. Enough said.
  13. ↑ Chisholm, Wendy; Vanderheiden, Gregg; Jacobs, Ian (5 May 1999). "Web Content Accessibility Guidelines 1.0". World Wide Web Consortium . Retrieved 20 July 2010.
  14. ↑ "Revised 508 Standards and 255 Guidelines". United States Access Board. 18 January 2017. Archived from the original on 8 July 2023. Retrieved 24 July 2023. Software shall not use flashing or blinking text, objects, or other elements having a flash or blink frequency greater than 2 Hz and lower than 55 Hz.
  15. ↑ "BITV — Einzelnorm". gesetze-im-internet.de. 12 September 2011. Retrieved 3 March 2014.
  16. ↑ "User Agent Accessibility Guidelines 1.0". World Wide Web Consortium. 17 December 2002. Archived from the original on 26 May 2023. Retrieved 23 October 2009. Allow configuration to render animated or blinking text content as motionless, unblinking text.

This page is based on this Wikipedia article
Text is available under the CC BY-SA 4.0 license; additional terms may apply.
Images, videos and audio are available under their respective licenses.