October 26, 2003
HTML House of Horror: Things That Go <BLINK> in the Night
Thanks to Anne Van Kesteren for inspiring the HTML House of Horror. I'm not sure if he really meant to inspire it, but life is funny like that. So read on... if you dare!
Introduction
Several years ago, my roommate Sam was playing around with a language he called "HTML". The great thing about HTML, I thought, was the power it gave you over the screen. Just reload the page and presto! Words, colors, images, fonts -- you name it. It was sooo much cooler than the "real" languages I had struggled with in college. I didn't know how to turn the screen red in C++, but darned if it weren't easy in HTML.
I still remember downloading and embedding my first image in a page, a tacky little dancing Santa animated GIF. "Check this out!" I said. Sam seemed kind of impressed, but not sufficiently so. Hmmm, I thought. Okay then, let's try this BACKGROUND attribute...
Suddenly, the screen flooded with dancing Santas. That was the day I learned: with great power comes great responsibility.
The <blink> tag
Once upon a time, Netscape and Internet Explorer fought for the hearts and minds of HTML coders in what became known as the browser wars. Although the conflict ended long ago, the battlefield is still strewn with landmines, otherwise known as proprietary tags. The theory was that by adding whizzy new features available only in the Netscape (or IE) browser, developers would flock to that "platform". Sadly, judging by the number of "best viewed in IE 4" messages that still litter the web today, the theory was pretty sound.
The Netscape-proprietary <blink> tag... well, makes text blink. Microsoft never implemented this tag in Internet Explorer. One might attribute this decision to Microsoft's sensibility and good taste, but given their response to the <blink> tag, this explanation seems unlikely. Of the billions of pages on the public web today, there are only two sites in existence that make effective use of the <blink> tag:
- The Problem With Music by Steve Albini
- The UNIX-Haters Handbook login screen
Other than that, it's all crap.
Although the <blink> never made it into the HTML standard, it still lives on to this day in Gecko-based browsers such as Netscape 7 and Mozilla. And although the tag itself is forbidden, have no fear! The CSS standard continues to provide the World Wide Web with critical blinking functionality, in the form of the CSS declaration text-decoration: blink. Inquiring minds might wonder -- what happens if you declare the following CSS rule?
blink {
text-decoration: none;
}
On Mozilla/Mac, the result is as you would expect. I haven't tested this markup on other platforms, but my theoretical model predicts that your system will just, like, explode. Don't say I didn't warn you.
The <marquee> tag
The Microsoft-specific <marquee> tag scrolls a selection of markup across the screen. Essentially, the <marquee> tag creates a 100% wide div with text creeping across the screen from right to left, or left to right. There are a large number of attributes for the <marquee> tag: you can change the width, the alignment, the scrolling speed, the scrolling delay, and even the scrolling direction (right to left or left to right).
And if that's not enough shiny animated goodness for you, you can of course style the <marquee> tag with CSS. For some reason IE5/Mac ignores the width property, but you can still muck with the padding, font, and color to your heart's content. Furthermore, IE4+ allows you to marquee-up arbitrary chunks of markup, not just text. If we need to have a table or bulleted list sliding across the screen, we can build it. We Have The Technology.
Note bene: nesting <marquee> tags is not recommended.
A Most Horrifying Discovery
And now we come to the most horrifying discovery of all. Mozilla supports the <marquee> tag. Let me repeat that -- Mozilla supports the <marquee> tag. In other words, the following markup is now possible:
<marquee>
<blink>Night Of The Living Dead</blink>
</marquee>
Back in 1997, the line of demarcation was clear: Netscape supported <blink>, Internet Explorer supported <marquee>, and that was the end of the story. But today in 2003, we have a browser that supports blinking marquee text. Yes, only in the fiendish laboratory that is the Gecko Rendering Engine is such a crime against humanity even possible.
There are those who believe that there are lines that should never be crossed. There are those who believe that there are Secrets Man Was Not Meant To Know.
And then there are those who forge boldly onward on paths where more timid souls dare not tread. In the interest of Science,[1] I have have painstakingly constructed the most horrifying web page ever written. Behold! The Page of the Damned![2] (view source) Those of you with a Gecko-based browser will see the Page of the Damned in all its glory; anyone using a lesser browser will be shielded from the horror. So if you do doubt your courage, or your resistance to video-induced epileptic seizures, come no further. Either way, may you forgive me for my crimes, and may the W3C have mercy on my soul.
Happy Halloween!
2. The Page of the Damned uses no JavaScript. It does use a smidge of CSS, but only because the <basefont> tag doesn't seem to work in Mozilla. Also, to my great disappointment, Mozilla doesn't support the direction attribute of the <marquee> tag. So in theory the page could have been even more horrifying, but we make do with the tools we have.
Comments
Post a Comment
About
Last updated January 30, 2012 at 11:41 pm. 
Generated by Movable Type 5.02.
© 2001 – 2012 by Evan Goer.
Posted by jgraham on Oct. 27, 2003 at 1:45 AM [#]
Posted by jgraham on Oct. 27, 2003 at 1:47 AM [#]
Posted by Jemal on Oct. 27, 2003 at 2:19 AM [#]
Posted by Anne on Oct. 27, 2003 at 4:08 AM [#]
Posted by Evan on Oct. 27, 2003 at 7:18 AM [#]
Posted by Jim on Oct. 27, 2003 at 9:10 AM [#]
Posted by Evan on Oct. 27, 2003 at 1:19 PM [#]
Posted by Stef on Oct. 27, 2003 at 5:52 PM [#]
Posted by Stef on Oct. 27, 2003 at 5:53 PM [#]
Posted by Charles Miller on Oct. 27, 2003 at 11:54 PM [#]
Posted by MikeyC on Oct. 28, 2003 at 9:05 PM [#]
Posted by Evan on Oct. 28, 2003 at 10:19 PM [#]
Posted by MikeyC on Oct. 29, 2003 at 9:11 PM [#]
Posted by Minz Meyer on Oct. 30, 2003 at 7:16 AM [#]
Posted by codeman38 on Dec. 05, 2003 at 3:13 PM [#]
Posted by MAD Stor-N-Sell on Feb. 01, 2007 at 8:22 AM [#]
Posted by Evan on Feb. 01, 2007 at 8:31 AM [#]
Posted by Tridley on Mar. 23, 2007 at 5:47 PM [#]
Posted by Evan on Mar. 24, 2007 at 1:17 PM [#]
Posted by Matt on Sep. 08, 2007 at 7:24 AM [#]
Posted by Evan on Sep. 08, 2007 at 9:36 AM [#]
Posted by Wulf on Jun. 12, 2008 at 2:12 PM [#]
Posted by Evan on Jun. 12, 2008 at 2:56 PM [#]
Posted by Eclipse on Aug. 03, 2008 at 5:51 PM [#]
Posted by Paul on Oct. 12, 2008 at 4:51 PM [#]
Posted by Evan on Oct. 13, 2008 at 10:42 AM [#]
Posted by Aka the Tracker on Nov. 22, 2008 at 10:53 PM [#]
Posted by Aka the Tracker on Nov. 22, 2008 at 10:54 PM [#]
Posted by pranit on Dec. 23, 2008 at 7:18 AM [#]
Posted by a passer by on Jan. 22, 2009 at 11:49 AM [#]
Posted by a passer by on Jan. 22, 2009 at 11:58 AM [#]
Posted by Evan on Jan. 22, 2009 at 1:01 PM [#]
Posted by web design on Jan. 23, 2009 at 5:50 AM [#]
Posted by Evan on Jan. 23, 2009 at 7:55 AM [#]
Posted by Blinking in Baltimore on Mar. 04, 2009 at 11:22 PM [#]
Posted by Evan on Mar. 04, 2009 at 11:43 PM [#]
Posted by Ilya on Oct. 27, 2009 at 4:08 PM [#]
Posted by Evan on Oct. 27, 2009 at 4:28 PM [#]
Posted by Naveen on Nov. 18, 2009 at 10:45 PM [#]
Posted by spacechase0 on Dec. 17, 2009 at 2:44 PM [#]
Posted by Cris on Mar. 07, 2010 at 1:44 AM [#]
Posted by Florida SEO on Sep. 26, 2010 at 9:24 PM [#]
Posted by Anonymous on Nov. 24, 2010 at 10:30 AM [#]
Posted by kidfrommars on Nov. 26, 2010 at 10:15 AM [#]
Posted by Evan on Nov. 29, 2010 at 8:12 PM [#]
Posted by Jeff on Jan. 23, 2011 at 9:44 AM [#]
Posted by Evan on Jan. 23, 2011 at 7:18 PM [#]
Posted by e on Apr. 09, 2011 at 4:57 PM [#]
Posted by JustMe on May. 05, 2011 at 5:01 AM [#]
Posted by Anonymous on May. 05, 2011 at 5:03 AM [#]
Posted by Evan Goer on May. 05, 2011 at 7:54 AM [#]
Posted by Nithya on Jul. 28, 2011 at 10:13 AM [#]
Posted by Cam Crazy on Dec. 01, 2011 at 10:24 AM [#]
Posted by Anonymous on Jan. 29, 2012 at 5:34 AM [#]