thoughts
[HTML] Reinventing the wheel (or just rediscovering)
2005-03-19 modified: 2005-06-23
Because HTML elements alone are not enough to discribe your data best, the class attribute is there. As I've written before, use classnames wisely and with semantics in mind. However, when everyone invents their own classnames, documents and stylesheets are not as interchangable as one might wish. Therefore I suggest to use terms that are already common: meet the newspaper terminology.
A short list of terms that might be useful. If your site is a blog or otherwise article related, the next few terms might be useful classnames for parts of your document.
- Byline
- A Byline is the line which tells the author of the article. Do not forget about the
addresselement however. - Caption
- This is some information below a photo or artwork.
- Chapeau
- A subtitle appearing below a header. This is often seen in newspapers and below flags of a site. This is not a head element one level deeper, as I see often. Just make it
<p class="chapeau">please. - Credit line
- The name of a photographer or artist. One might consider to use
addressfor these as well, but I guessaddressshould be used only for author information of a relatively significant part of your document. - Cutline
- This is just another word for Caption. I would prefer the latter.
- Dateline
- A dateline is the first few words of a news article, those that state the place of origin of the story. A dateline is part of the lede (see below) and is often printed in capitals (as well as boldface, inherited from the lede).
- Flag
- The name of the newspaper (site). I suggest to use
<div id="flag">in favor of<h1>for the name of your site, as explained here. - Lede
- The lede of an article are the first few sentences summarizing the whole, these are often printed in boldface.
- Refer
- A short piece that tells you about an article elsewhere. In newspaper they fill up the frontpage, on sites they do just the same (see my frontpage for example).
For some more about useful constructs, see this article.
Update 2005-06-23
Added Chapeau to the list above.
Additional resources (top 15)
Below is a list of additional resources that might contain extra information about the subject at hand. These are all sites linking to this one (i.e. backtracking).
- [semantics] Standaard css classes and id's: wat gebruik jij? - Webdesign, Markup & Clients... [nl] (49)
- thoughts - Live Search [nl] (11)
- [semantics] Standaard css classes and id's: wat gebruik jij? - Webdesign, Markup & Clients... [nl] (8)
- Strangematter » Blog Archive » Semantics and XHTML/HTML Markup (7)
- HTML: keep the legacy of toch naar XHTML? - Webdesign, Markup & Clientside Scripting - GoT... [nl] (5)
- lede etymology - Google Search (4)
- HTML: keep the legacy of toch naar XHTML? - Webdesign, Markup & Clientside Scripting - GoT... [nl] (3)
- etymology of lede - Google Search (2)
- Yahoo! Search Results for Thoughts about reinventing the wheel (2)
- etymology of term "lede" - Google Search (2)
- parts of news article lede - Google Search (1)
- etymology cutline - Google Search (1)
- [semantics] Standaard css classes and id's: wat gebruik jij? - Webdesign, Markup & Clients... [nl] (1)
- reinventing the wheel terms - Google Search (1)
- lede etymology - Google Search (1)
