presentational-html: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
(hr is presentational, the HTML4 specs say so.)
(completed list of presentational elements, grouped by deprecated)
Line 1: Line 1:
<h1> Presentational (X)HTML </h1>
<h1> Presentational (X)HTML </h1>
 
{{TOC-right}}
Presentational (X)HTML refers to:
Presentational (X)HTML refers to:
# The presentational elements and attributes of (X)HTML (as opposed to the [[semantic-html|semantic HTML]] elements and attributes)
# The presentational elements and attributes of (X)HTML (as opposed to the [[semantic-html|semantic HTML]] elements and attributes)
# (X)HTML documents that are written using presentational (X)HTML.
# (X)HTML documents that are written using presentational (X)HTML.
# The practice of writing presentational (X)HTML
# The practice of writing presentational (X)HTML
__TOC__


== Contributors ==
== Contributors ==
Line 13: Line 11:
== Presentational Elements ==
== Presentational Elements ==


Presentational elements sensu lato can be divided into two groups. "Pure" presentational elements (b, i, small, …) have no semantic meaning. "Abused" presentational elements (table, blockquote, …) have a semantic meaning, but are abused because of their default appearance in browsers (the blockquote element could be used for indenting text, for example).
Presentational elements sensu lato can be divided into two groups. "Deliberate" presentational elements (b, i, small, …) have no semantic meaning and were deliberately designed/created for presentational purposes. "Abused" presentational elements (table, blockquote, …) have a semantic meaning, but are abused because of their default appearance in browsers (the blockquote element could be used for indenting text, for example).
 
(This list is incomplete, please add!)
 
Pure:


* b
=== Deliberate ===
Deprecated:
* basefont
* basefont
* big
* br (when used for spacing, or when used inappropriately where a div or p would have been semantically correct)
* center
* center
* font
* font
* hr
* hr
* i
* s
* s
* small
* strike
* strike
* tt
* tt
* u
* u
* ...


Abused:
Frames:
* frame
* frameset
* iframe
 
Strict but mostly presentational:
* b
* br (when used for spacing, or when used inappropriately where a div or p would have been semantically correct)
* big
* i
* small
* sub
* sup
 
=== Abused ===


* blockquote (when used for indenting text)
* blockquote (when used for indenting text)
* table (when used for layout)
* table (when used for layout)
* ...


== Presentational Attributes ==
== Presentational Attributes ==
(This list is incomplete, please add!)
(This list is incomplete, please add!)
* align
* align
* alink
* alink

Revision as of 20:37, 21 September 2007

Presentational (X)HTML

Presentational (X)HTML refers to:

  1. The presentational elements and attributes of (X)HTML (as opposed to the semantic HTML elements and attributes)
  2. (X)HTML documents that are written using presentational (X)HTML.
  3. The practice of writing presentational (X)HTML

Contributors

Presentational Elements

Presentational elements sensu lato can be divided into two groups. "Deliberate" presentational elements (b, i, small, …) have no semantic meaning and were deliberately designed/created for presentational purposes. "Abused" presentational elements (table, blockquote, …) have a semantic meaning, but are abused because of their default appearance in browsers (the blockquote element could be used for indenting text, for example).

Deliberate

Deprecated:

  • basefont
  • center
  • font
  • hr
  • s
  • strike
  • tt
  • u

Frames:

  • frame
  • frameset
  • iframe

Strict but mostly presentational:

  • b
  • br (when used for spacing, or when used inappropriately where a div or p would have been semantically correct)
  • big
  • i
  • small
  • sub
  • sup

Abused

  • blockquote (when used for indenting text)
  • table (when used for layout)

Presentational Attributes

(This list is incomplete, please add!)

  • align
  • alink
  • bgcolor
  • color
  • face
  • height
  • link (on body)
  • size (on font element)
  • valign
  • vlink
  • width

See also

References