Account services

Tabs on webpages

Tabs are a way to shorten a page. If you have a very long page that naturally partitions into sections. you can split it up and implement tabs. This lets the user click rather than scroll to get to the correct place on the page, and it delivers an overview of the main sections of the page as tab titles.

EUNIS does it correctly. This is a screen dump of the factsheet for the species Acrocephalus dumetorum: Example of EUNIS tabs

From this principle follows:

In Eionet we use the Sliding doors principle. We do not use the sliding door graphics. We have our own.


<div id="tabbedmenu">
    <li id="currenttab"><span>Current</span></li>
    <li><a href="#">Tab 2</a></li>
    <li><a href="#">Tab 3</a></li>
    <li><a href="#">Tab 4</a></li>
    <li><a href="#">Tab 5</a></li>
<div id="tabbedmenuend"></div>