Front End Help

Meta is a definition list in a wrapper div. We use meta in places such as the start of a work, a series listing, or a user profile. It shows metadata: all the tags, associations, and stats we hold on that object. Sometimes it includes a brief note, but normally it’s tags and stats and status type data.

Meta is part of the group supertype and is styled in 12-group-meta.css.

• Rules
• Quick reference
• XHTML diagram

Rules

Meta is one of our simplest design patterns and has few rules.

• Meta is always a definition list (<dl>)
• Meta is always wrapped in <div class="wrapper">

The child <dd> elements may contain anything, but they normally contain dates and times, lists of tags, lists of mods or owners or other associations like Part X of Series Y, and a stats block (which always comes at the end!).

Quick reference

[...]

always included

{...}

sometimes included

[div wrapper]
  [dl meta]
    [dt {tag class}]
    [dd] {ul tags} [/dd]
    [dt]
    [dd] {blockquote userstuff} [/dd]
    {dt stats}
    {dd stats} [dl stats] [dt] [dd] [/dl] {/dd}
  [/dl]
[/wrapper]

XHTML diagram

The work header is the most familiar example of the meta pattern.