XHTML 1.0 used on this site

XHTML techniques, Document Type Definitions (DTD) and W3C validation

W3C XHTML validation

• .: All pages of this site validate 1.0 Strict
• .: See W3C icon in header of each page for validation information
• .: See "this page is Valid XHTML 1.0 Strict" text in footer to check validation

Standard XHTML

Common XHTML techniques:

• .: Correct Document Type Definitions declaration, head of each page
• .: All elements have closing tags or end with />
• .: All elements are nested properly
• .: Element and attribute names in lower case
• .: All attribute values are quoted
• .: Correct Entity reference usage - ", &, &lt...

XHTML 1.0 Definition List rare for elements used on this site

Microsoft Conditional Comments

Conditional comment are proprietary features of IE that use declarations inside HTML comments to deliver code only to IE browsers and can be restricted to a specific browser version or range of versions or exclude IE entirely.

Example:

<!--[if IE 7]><![endif]-->

CSS comments

HTML is the root element of the selector "* html" and therefore will not match any element in a valid HTML or XHTML document. Internet Explorer does not respect this universal selector when it precedes HTML or the body tag, effectively allowing the for hiding of entire rules from all browsers except IE.

Example:

* html body div#nav

code (inline, phrase element)

This element encloses source text of of computer programs and does not create or preserve line breaks in this enclosed text.

<code></code>

Example:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

pre (block-level element)

This element defines preformatted text that preserves spaces and line breaks and renders in a fixed-pitch font.

<pre></pre>

Example:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

samp (inline, phrase element)

This element defines sample computer code, normally used for a sample of outputted code.

<samp></samp>

Example:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

var (inline, phrase element)

This element defines a variable, normally used to indicate a variable within code.

<var></var>

Example:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

cite (inline, phrase element)

This element defines a citation, and is commonly used as a description or URL that indicates why an insertion or the deletion has been made.

<cite></cite>

Example:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

acronym (inline, phrase element)

This element encloses a word that is formed from the initial letter or letters of each of the successive parts or major parts of a compound term.

<acronym title="acronym definition"></acronym>

Example:

CSS

dfn (inline, phrase element)

This element encloses the definition of a term as it is presented in the text, some browsers render the definition as to alert the reader to a special term of interest.

<dfn></dfn>

Example:

javaScript

abbr (inline, phrase element)

An abbreviation is used to indicate a shortened form of a word or phrase when it is used to represent the whole. Not functional in some browsers.

<abbr></abbr>

Example:

W3C

address (block-level element)

This element is used to enclose contact information such as addresses, signatures, or authorships of documents.

<address></address>

Example:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

blockquote (block-level element)

This element encloses text which is intended to be taken from another source or long quotation. Some browsers add quotation marks by default.

<blockquote></blockquote>

Example:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

q (inline element)

This element is the inline version of blockquote and is intended for short quotations.

<q></q>

Example:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

dd (block-level element)

This element encloses the explanation of a term in a definition list.

<dd></dd>

Example:

The element definitions on this page are structured using definition lists, this text is encapsulated in dd tags.

dt (block-level element)

This element is used to define a term in a definition list, a list of terms enclosed by dl and definitions of those terms defined by dd.

<dt></dt>

Example:

The bold element names above each definition are encapsulated in dt tags.

dl (inline element)

This element is used to define a definition list, a list of terms defined by dt and definitions of those terms defined by dd.

<dl></dl>

Example:

This text is directly encapsulated in dd tags.

fieldset (block-level element)

The fieldset element is used to group thematically related controls together in a form and draws a box around its containing elements.

<fieldset></fieldset>

label (inline element)

The label element is used to attach information to control elements, commonly used in forms.

<label></label>

legend (Fieldset caption)

The legend element is used to assign a caption to a fieldset, commonly used in forms.

<legend></legend>

optgroup (Select group)

This element defines an option group, allowing for the grouping of related HTML form options.

<optgroup></optgroup>

thead (block-level element)

The thead element defines the head of a table and enables the grouping rows in a table.

<thead></thead>

col (Table column group)

This element is used to set attribute values among columns defined in a colgroup element.

colgroup (Table column group container)

Colgroup is used to define groups of columns in a table.

th (block-level element)

This element defines a table header cell in a table, text within the th element usually renders in bold.

<th></th>

tfoot (block-level element)

This element defines the foot of a table and enables the grouping rows in a table.

<tfoot></tfoot>