XHTML Page Templates

  1. body
    1. ul #skiplinks
    2. div #header
    3. div #main
    4. div #footer

The individual pages on our archive are contained within the division #main.

Some pages (user home, collection home, tag home, admin home) have a dashboard, which by default we display as a sidebar.

  1. body
    1. ul #skiplinks
    2. div #header
    3. div #dashboard
    4. div #main .dashboard
    5. div #footer

Each page follows the same basic structure and order. The structure is commented in the views. Each section is announced by a heading, though many of these headings are not displayed in the archive default style; these are landmarks.

<!--Descriptive page name and system messages, descriptions, and instructions.-->
<h2> </h2>

<!--Subnavigation, sorting and actions.-->
<h3 class="landmark"> </h3>

<!--main content-->
<h3 class="landmark"> </h3>

<!--Subnavigation, sorting and actions.-->
<h3 class="landmark"> </h3>

Here's the works page in brief:

  1. #main
    1. h2
    2. ul .navigation
      1. li a
      2. li span .current
    3. h3 .landmark
    4. ol .work index
      1. blurb
      2. blurb
      3. blurb
      4. blurb...
    5. h3 .landmark
    6. form .filters #work_filters
      1. fieldset
        1. legend
        2. dl .filters
          1. dt...
          2. dd...
        3. div .clear
        4. p .submit
          1. input
    7. div .pagination...
      1. span*

You can look at some of the more commonly used structures as diagrams, and look at the blurb in detail.

← Back