Skip to Content

Web Standards Guide

 
  • Email
  • Print
  • Share

Breadcrumbs

Here is an example breadcrumb for the CES site.

breadcrumb example

About the Breadcrumb

  • The breadcrumb for each page tells the user where they are within the hierarchy of your site.
  • These files are built using include files and are maintained by the Web Support Group.
  • They live inside a folder called includes/
  • They begin with the characters bc_.
  • They use the file extension .htm to indicate that they are not full web pages; full web pages should have the extension .html
  • The breadcrumb begins with your homepage and goes as far as a level-4 page.
  • The breadcrumbs are coded using a simple <ul> list. Note that the first <li> in the list will contain class="first" to give it proper spacing/left margin.
Acronym Use

It is appropriate to use acronyms for the site name in the breadcrumb.