Worst HTML/CSS/JS
I’ve been working on what I believe may be some of the worst and most offensive (but still “working”) use of HTML, CSS and Javascript possible. You know, for fun.
Here’s what I’ve got so far (line breaks added for *cough* legibility):
<SCRIPT LANGUAGE=JSCRIPT>
eval("document.write('<!--[IF LT IE 9]>
<STYLE>*LI#BLUENAV{
_ZOOM:1!IMPORTANT*BACKGROUND-COLOR:
PAPAYAWHIP!IMPORTANT<![ENDIF]--></STYLE>
<BASEFONT SIZE=30 COLOR=YELLOWGREEN FACE=GEORGIA>
<TABLE CELLPADDING=10 CELLSPACING=10 BORDER=20>
<TD><U><TABLE><S><LI ID=BLUENAV>
<FONT FACE=VERDANA STYLE=FONT-SIZE:LARGE>
<B><CENTER><MARQUEE BGCOLOR=MISTYROSE WIDTH=50%>
Tacos</MARQUEE><BR>
<IMG ALIGN=LEFT SRC=SPACER.GIF WIDTH=200 HEIGHT=20>')")
</SCRIPT><NOSCRIPT><A HREF=HTTP://MICROSOFT.COM>
<FONT FACE=COURIER COLOR=SADDLEBROWN>
YOU&NBSP;NEED&NBSP;INTERNET&NBSP;EXPLORER&NBSP;TO&NBSP;
EXPERIENCE&NBSP;THIS&NBSP;WEB&NBSP;SITE&NBSP;
AS&NBSP;INTENDED
To see it in action, click here. You’ll need IE, of course. It wouldn’t be as crappy otherwise.
Key points:
- <script> has a LANGUAGE attribute. And it’s JSCRIPT, for fun.
- Elements are closed only when absolutely necessary
- No quotes around element attributes
- Nearly everything in uppercase
- eval()
- document.write()
- Needlessly nested (and otherwise unnecessary) tables
- Not a <tr> to be found.
- Insane colors: PapayaWhip, MistyRose, YellowGreen and SaddleBrown
- <basefont> and <font>
- <li> without a <ul> or <ol>
- <noscript> — some people may argue with me about this one, but it’s certainly not an indicator of whether the viewer is using IE
- Pointless use of
- <marquee>
- <u>, <s>, <b> and <center>
- IE conditional comments (useful, but crappy nonetheless)
- * and _ CSS hacks
- !important
- Improperly formatted (but working) css
- Opening <style> tag inside conditional comment, closing tag outside.
- No DOCTYPE
- No attempt at an even reasonably structured HTML document — no <html>, no <head>, no <body>, etc.
- Oh, and SPACER.GIF doesn’t exist, of course. That’s a double-whammy, actually. Spacer images blow.