4.2. XHTML for the month page

The page's title is “Shipman's field notes, monthname yyyy”.

The overall page structure has these parts:

An h1 heading with a repeat of the page title, followed by a brief introductory paragraph.

    <h1>Shipman's field notes, September 2007</h1>
    <p>
      <a href='http://www.nmt.edu/~shipman/aba/conventions.html'
      >How to read Shipman's field notes</a>
    </p>
    <ul>
      ...page TOC...
    </ul>
    <hr/>
    ...first day-notes...
    <hr/>
    ...second day-notes...
    etc.

The page TOC (table of contents) has links to each daily section, and also lists the notable records for each day.
Each day-notes element from the source XML file is preceded by a horizontal rule (hr). The anchor name for each day's notes is the date in the form “Dyyyy-mm-dd ”.
The schema allows more than one day-notes element for the same day. In this case, the anchor for the second and succeeding elements will have the same form except that letters will be appended, e.g., “D2005-05-16a”, “D2005-05-16b”, and so forth.

The page table of contents consists of a sequence of li (list item) elements, one for each day-notes element in the input file.

Each entry in the page TOC starts with a simple link to the anchor for that day-notes element. If there were any notable birds inside that element, the entry is followed by a div containing the names of the notable birds. Here is an example:

      <li>
        <a href='#D2007-09-30'>NM: 2007-09-30: Bosque del Apache NWR</a>
        <div class='loc-child'>
          <span class='notable'>Notable:</span>
          Osprey, Solitary Sandpiper, Sabine's Gull, Common Tern
        </div>
      </li>

The notable block is formatted by a CSS rule discussed in Section 5.7, “div.loc-child: Indented child block”. For styling of the label “Notable:”, see Section 5.2, “Inline markup rules”.

noteweb: Rendering bird field notes for the Web

4.2. XHTML for the month page