HTML - Sitemap opbouwen met UL


Een sitemap kan een goede aanvulling zijn op de navigatie voor de bezoekers van je website en geeft een helder overzicht van de indeling van een website.

Nu zijn er uiteraard verschillende manieren om handmatig een sitemap op te bouwen maar het meest handig is eigenlijk het opbouwen van een sitemap met een unordered list.

Een unordered list stijl open je met <ul> en sluit je met </ul>

  • WebSonic.nl
  • Webtools
  • PC Tips en trucs
  • Tutorials

De code.

<ul>
<li>WebSonic.nl</li>
<li>Webtools</li>
<li>PC Tips en trucs</li>
<li>Tutorials</li>
</ul>


Met een unordered list is het mogelijk om zo meerdere niveau's op te bouwen waardoor duidelijk gemaakt kan worden dat bepaalde pagina onder andere pagina's horen. Om dit te doen kun je binnen een Li een nieuwe UL plaatsen zoals hieronder is te zien.

  • WebSonic.nl
    • Webtools
    • PC Tips en trucs
    • Tutorials

<ul>
      <li>WebSonic.nl
            <ul>
                  <li>Webtools</li>
                  <li>PC Tips en trucs</li>
                  <li>Tutorials</li>
            </ul>
      </li>
</ul>


Op deze manier kun je dan een sitemap opbouwen op een overzichtelijke manier.

  • Home
  • Pagina
    • Pagina
    • Pagina
      • Pagina
        • Pagina
        • Pagina
        • Pagina
        • Pagina
        • Pagina
      • Pagina
        • Pagina
        • Pagina
        • Pagina
    • Pagina
      • Pagina
      • Pagina
      • Pagina
    • Pagina
    • Pagina
    • Pagina
    • Pagina
  • Pagina
    • Pagina
    • Pagina
    • Pagina
    • Pagina
  • Pagina