Webpage title

This page is designed as a markup guide for my own use. It is not intended to provide a one markup fits all situations reference, but rather as a guide containing as many XHTML element references as possible, used in such a way as to promote the semantic implementation of elements, attributes and tags. Here is a link to an external URL.

Dan Cederholm once gave a succinct definition of the <cite> attribute in his book Web Standard Solutions. It's a very good book, and one that I still refer to today. ^[1]. ~~Many~~ A number of the XHTML elements used in this page are semantic, but rare. Some, such as <dfn> are useful mainly in niche fields, for example, in legal documentation one might define a term as follows:

Our service means the dry cleaning service provided to you by us and excludes our delivery service and the supply of any required H₂O.

Bob's Dry Cleaners

Sometimes we like to include images, like the following one: A graph

Demonstration of class-based layout, three column

Demonstration of class-based layout, two column

Demonstration of class-based layout, two column in thirds

Lorem ipsum dolor sit amet and other such words of a pseudo latin persuasion. Lorem ipsum dolor sit amet and other such words of a pseudo latin persuasion. Lorem ipsum dolor sit amet and other such words of a pseudo latin persuasion. Lorem ipsum dolor sit amet and other such words of a pseudo latin persuasion. Lorem ipsum dolor sit amet and other such words of a pseudo latin persuasion. Lorem ipsum dolor sit amet and other such words of a pseudo latin persuasion. Lorem ipsum dolor sit amet and other such words of a pseudo latin persuasion. Lorem ipsum dolor sit amet and other such words of a pseudo latin persuasion. Lorem ipsum dolor sit amet and other such words of a pseudo latin persuasion. Lorem ipsum dolor sit amet and other such words of a pseudo latin persuasion. Lorem ipsum dolor sit amet and other such words of a pseudo latin persuasion. Lorem ipsum dolor sit amet and other such words of a pseudo latin persuasion. Lorem ipsum dolor sit amet and other such words of a pseudo latin persuasion. Lorem ipsum dolor sit amet and other such words of a pseudo latin persuasion. Lorem ipsum dolor sit amet and other such words of a pseudo latin persuasion. Lorem ipsum dolor sit amet and other such words of a pseudo latin persuasion.

An example of a form

Example form input types Text input Text input Date input dd/mm/yyyy File upload Drop-down box Textarea input

Example radio-set Radio option one Radio option two Radio option three

Here are a few lists and a table

A semantic title
Odd numbers	Even numbers
Table footer
1	2
3	4
5	6

An example of ordered lists

first
1. first
2. second
3. third
second
third

An example of an unordered list

second
first
third

An example of a definition list

definition term one: definition data one
definition term two: definition data two

Footnotes

Today being the 18^th of March, 2006. back

Content enhancements

What follows are content enhancements for people using screen readers or other assistive technologies.

The image [title] depicts a bar graph. The X axis represents age, the Y axis represents average height. The data contained in this image is explicitly outlined later in the article and is here used for illustrative purposes. return to reference