• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter Seven. Tighter, Firmer Pages Gua... > The Redundant Verbosity of Redundant...

The Redundant Verbosity of Redundantly Verbose Tables

In an attempt to save bandwidth, increase accessibility, and make sense to search engines (which cannot read images), in the mid-1990s some web designers stopped using GIF text and began simulating slice and dice layouts by writing their navigational labels in HTML and inserting them into table layouts. CSS was not yet supported in browsers, but proprietary HTML “extensions” were. Thus, we got junk like the example that follows, which might actually waste more bandwidth than the images it replaced:

<!-- Begin outermost table. This creates the black border effects. -->
<TABLE WIDTH=80% BORDER=0 CELLSPACING=1 CELLPADDING=0>
<TR>
<TD WIDTH=100% VALIGN=TOP BGCOLOR="#000000">
<!-- Begin actual navigational content table. -->
<TABLE WIDTH=100% HEIGHT=100% BORDER=0 CELLSPACING=1 CELLPADDING=0>
<TR>
<TD WIDTH=25% HEIGHT=50 VALIGN=TOP BGCOLOR="#FF9900">
<FONT SIZE=2><BR><BR><FONT FACE="GENEVA, ARIAL, HELVETICA"><B>
<A HREF="item1.html">Menu Item 1</A></B></FONT><BR><BR>
</FONT></TD>
<TD WIDTH=25% HEIGHT=50 VALIGN=TOP BGCOLOR="#FF9900"><FONT SIZE=2><BR><BR><FONT FACE="GENEVA, ARIAL, HELVETICA"><B>
<A HREF="item2.html">Menu Item 2</A></B></FONT><BR><BR>
</FONT></TD>

<TD WIDTH=25% HEIGHT=50 VALIGN=TOP BGCOLOR="#FF9900">
<FONT SIZE=2><BR><BR><FONT FACE="GENEVA, ARIAL, HELVETICA"><B>
<A HREF="item3.html">Menu Item 3</A></B></FONT><BR><BR>
</FONT></TD>
<TD WIDTH=25% HEIGHT=50 VALIGN=TOP BGCOLOR="#FF9900">
<FONT SIZE=2><BR><BR><FONT FACE="GENEVA, ARIAL, HELVETICA"><B>
<A HREF="item4.html">Menu Item 4</A></B></FONT><BR><BR>
</FONT></TD>
</TR>
</TABLE>
<!-- End actual navigational content table. -->
</TD>
</TR>
</TABLE>
<!-- End outermost visual effects creation table. -->


					  


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint