Navigational Elements

Forms of page-level navigation to help visitors find the content they're looking for

Breadcrumbs

screenshot of breadcrumbs

Breadcrumbs are links that provide a path back to the main sections of a website. They also present a visual representation of the site’s architecture to users. With exception to some web applications, all University of Houston web pages should have breadcrumbs near the top of the document to aid navigation.


Secondary navigation

screenshot of breadcrumbs

The secondary navigation is a list of links to parent, child, and sibling pages for a section of your website. The secondary navigation is sometimes referred to as the "left navigation" because it's usually on the left side of a web page, but it can also appear at the end of the web page for smaller viewports such as on mobile devices.


Related links

screenshot of breadcrumbs

A related links list and provide links to pages not found in your secondary navigation. These links should be related to the content on your web page and can link to anything including other University of Houston web pages, external website web pages, and even (although discouraged) PDFs and other downloadable files.


Table of contents

A table of contents is a list of links that allow a visitor to skip to specific sections of unusually long web documents. A table of contents can be a list of links at the beginning or in the right column of a web page.


comments powered by Disqus