Diditaalisen median tekniikat, esimerkki

Seuraavassa esimerkissä vasemmalla näkyvä valikko on lähdekoodissa varsinaisen datan jälkeen eikä silloin tule ensimmäiseksi eteen hakukoneille tai sivua puheena esittävälle ohjelmalle. Ensimmäisenä tulee kuitenkin piilokuvana toteutettu linkki valikkoon, joten valikkoon pääsee vaivattomasti niin haluttaessa.

Varsinainen sisältö Tässä on dokumentin dataa. Tässä on dokumentin dataa. Tässä on dokumentin dataa. Tässä on dokumentin dataa. Tässä on dokumentin dataa. Tässä on dokumentin dataa. Tässä on dokumentin dataa. Tässä on dokumentin dataa. Tässä on dokumentin dataa. Tässä on dokumentin dataa. Tässä on dokumentin dataa. Tässä on dokumentin dataa. Tässä on dokumentin dataa. Tässä on dokumentin dataa. Tässä on dokumentin dataa. Tässä on dokumentin dataa. Tässä on dokumentin dataa. Tässä on dokumentin dataa.

Valikko alkio 1 alkio 2 alkio 3

Yllä olevan lähdekoodi

<table>
<tr>
   <td valign="top" style="padding-top:0; padding-bottom:0">
   <a href="#valikko"><img alt="Valikkoon." src="transp.gif"
                  width="1" height="1" border="0"></a></td>
   <td rowspan="2" style="padding-left:2em;">
     <h2 style="padding-top:5px">Varsinainen sisältö</h2>
     Tässä on dokumentin dataa. <br/> 
     Tässä on dokumentin dataa. <br/>
     ...
     Tässä on dokumentin dataa. <br /> 
     Tässä on dokumentin dataa. <br /> 
     Tässä on dokumentin dataa. <br />
   </td>
</tr>
</tr><td valign="top"><h2 id="valikko">Valikko</h2>
<ul>
<li>alkio 1</li>
<li>alkio 2</li>
<li>alkio 3</li>
</ul>
</td>
</tr>
</table>