Mi Weblog, con el truco de la tabla

Apuntes de hoy

Este texto se mostrará primero en Lynx y se leerá al principio en JAWZ, aunque está posicionado 
visualmente a la derecha de la barra de navegación. Esto beneficia a los usuarios no videntes, y 
también lo beneficia a usted, ya que los buscadores otorgan precedencia más alta a las palabras 
clave que aparecen próximo al inicio de su página.

    1. La versión sin trucos de esta página. La misma presentación.
    2. La versión sin trucos en Lynx. Yuck.
    3. El truco de la tabla en Lynx. Mucho mejor.

   Aquí se encuentra el concepto básico. En lugar de la disposición por tablas obvia:

<table>
<tr>
  <td valign="top" align="left" width="25%">
    ... navigation bar ...
  </td>
  <td valign="top" align="left">
    ... main content ...
  </td>
</tr>
</table>

   Haga esto:

<table>
<tr>
  <!-- spacer GIF in upper-left cell -->
  <td><img src="/images/1.gif" width="1" height="1" alt=""></td>
  <!-- main content cell first, with rowspan=2 -->
  <td valign="top" align="left" rowspan="2">
    ... main content ...
  </td>
</tr>
<tr>
  <td valign="top" align="left" width="25%">
    ... navigation bar ...
  </td>
</tr>
</table>

   Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
   nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
   volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
   ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
   Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
   molestie consequat, vel illum dolore eu feugiat nulla facilisis at
   vero eros et accumsan et iusto odio dignissim qui blandit praesent
   luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

   Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
   suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
   vel eum iriure dolor in hendrerit in vulputate velit esse molestie
   consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
   accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
   delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor
   sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
   tincidunt ut laoreet dolore magna aliquam erat volutpat.

   Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
   molestie consequat, vel illum dolore eu feugiat nulla facilisis at
   vero eros et accumsan et iusto odio dignissim qui blandit praesent
   luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
   Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
   nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
   volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
   ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Site links

     * Inicio
     * Declaración de Accesibilidad
     * Terminos de uso
     * Contacto

Blogroll

     * Daily Zen
     * Slashdot
     * The Register
     * MacSurfer
     * Daily Python-URL
     * FOS News
     * Doonesbury
     * The Morning News
     * Gagpipe
     * Sam Ruby
     * Joe Gregorio
     * Shirley Kaiser
     * Cory Doctorow
     * Zimran Ahmed
     * Dorothea Salo
     * Daniel Berlinger
     * Jenny Levine
     * Kuro5hin
     * MetaFilter
     * Michael Barrish
     * Dean Allen
     * Leslie Harpold
     * Jonathon Delacour
     * Robert Cringely
     * Jim Byrne
     * Forwarding Address: OS X
     * A List Apart
     * Bruce Schneier
     * Netcraft
     * Google Zeitgeist
     * Eric Costello
     * Joel Spolsky
     * Shane McChesney
     * Clay Shirky
     * Bruce Eckel
     * Eric Raymond
     * Richard Stallman
     * Brian Andreas
     * Project Gutenberg
     * Bartleby.com
     * The Online Books Page
     * Internet Public Library
     * ibiblio
     * Andamooka